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: #FFFFFF url('../images/bg_site-accueil.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') }
.large {font-size:1.3em}

.lblFor {float: none; font-size: inherit; width: inherit; margin: 0 }

.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 }

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

div.error p { margin: 0.5em 0 }

.champ .notice { margin-bottom: 0 }

.customBar {background: #7ca2ea; border-top: 1px solid #a8c4f9; border-bottom: 1px solid #6180b8}

h1 { font: 20px normal verdana, sans-serif; color: #fff; text-align: center; margin: 20px 0 }
h2 { font-size: 16px; color: #231F1A; margin: 20px 0 }
h3 { font-size: 14px; color: #231F1A; margin: 15px 0 10px 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; }       

#nav { color: #918f8c; font-size: 14px; margin: 10px 0 }
#nav a { color: #918f8c; text-decoration: none }   
#nav a:hover {color: #231f1a }
#nav a.btnNav-depot {font-size: 16px; color: #ff4900}
#nav a.btnNav-depot:hover {color: #231f1a}  

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

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

#navbar {
        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 .select {         background: url('http://web-petitesannonces.fr/images/menutopbg.gif') 0 -30px;
        color: #fff;
}
       
#navbar a:hover {
        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 }

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

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

/** Annonces **/
.bloc_annonce { 
	margin-bottom: 5px;
        padding: 5px 0;
	width: 674px;
        border: 1px solid #BFBFBF;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
	background: #F2EEE9;        
	}

.bloc_annonce .ref { font-size: 10px; float: right; color: #8E8B87 }

.bloc_annonce .num { font-weight: bold; float: left; width: 35px; text-align: center }
.bloc_annonce .num span { padding: 4px 0 }

.bloc_annonce h2 { font-size: 13px; padding: 0 13px; margin: 0 }
.bloc_annonce h2 a { text-decoration: underline; color: #693A00; }
.bloc_annonce h2 a:hover { text-decoration: none }

.bloc_annonce .conteneur {  }
.bloc_annonce .contenu { float: left; width: 528px }
.bloc_annonce p { font-size: 12px; float: left; margin: 0 }
.bloc_annonce p a { font-weight: normal; color:#693A00; font-size:11px;}
.bloc_annonce .prix { float: right }
.bloc_annonce ul { list-style: none; }
.annonceBas { font-size: 12px; padding: 0 13px; margin-top: 4px }

.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: 15px 10px; 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; }

.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.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; }

.detailTopBar { 
        padding: 4px 10px;
        background: #7CA2EA;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #fff
}

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 h2 { margin: 20px 0 10px 0; font-size: 14px; background: url('http://web-petitesannonces.fr/images/bg-h2-detail.png') repeat-x left center }
#blocDetail h2 span { background: #fff; padding-right: 5px }
#detailLeft     { float: left; width: 306px }
#detailsRight   { float: left; width: 358px; margin-left: 10px; font-size: 12px }

/** DPE GES */
#labelDpe, #labelGes {
	width: 200px; height: 180px;
	position: relative
}
.labelDpe_A {background: url('../images/label-DPE-A.png') no-repeat 0 0}
.labelDpe_B {background: url('../images/label-DPE-B.png') no-repeat 0 0}
.labelDpe_C {background: url('../images/label-DPE-C.png') no-repeat 0 0}
.labelDpe_D {background: url('../images/label-DPE-D.png') no-repeat 0 0}
.labelDpe_E {background: url('../images/label-DPE-E.png') no-repeat 0 0}
.labelDpe_F {background: url('../images/label-DPE-F.png') no-repeat 0 0}
.labelDpe_G {background: url('../images/label-DPE-G.png') no-repeat 0 0}

.labelGes_A {background: url('../images/label-GES-A.png') no-repeat 0 0}
.labelGes_B {background: url('../images/label-GES-B.png') no-repeat 0 0}
.labelGes_C {background: url('../images/label-GES-C.png') no-repeat 0 0}
.labelGes_D {background: url('../images/label-GES-D.png') no-repeat 0 0}
.labelGes_E {background: url('../images/label-GES-E.png') no-repeat 0 0}
.labelGes_F {background: url('../images/label-GES-F.png') no-repeat 0 0}
.labelGes_G {background: url('../images/label-GES-G.png') no-repeat 0 0}

#currentDpe, #currentGes {
	position: absolute;
	left: 134px;
	line-height: 24px;
	color: #fff;
	background: #000 url('../images/currentDpe.png') no-repeat 0 0;
	padding: 0 12px 0 18px
}
.currentDpe_B, .currentGes_B { top: 26px }
.currentDpe_C, .currentGes_C { top: 52px }
.currentDpe_D, .currentGes_D { top: 78px }
.currentDpe_E, .currentGes_E { top: 104px }
.currentDpe_F, .currentGes_F { top: 130px }
.currentDpe_G, .currentGes_G { top: 156px }
/*  fin DEP GES */

#blocPhotos {
        margin-bottom: 5px;
        border: 1px solid #D6D4D1;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #F2EEE9
        }
        
#photoVignette { padding: 2px }
.vignette {
        float: left;
        margin: 2px;
        width: 54px;
        height: 54px;
        background: #fff;
        border: 1px solid #D6D4D1;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-align: center;
        }
.vignette img { width: 46px; height: 46px; margin-top: 4px; cursor: pointer }
#photoZoom { position: relative; text-align: center; margin: 4px auto 0 auto; width: 296px; height: 222px }
#btn-zoom { position: absolute; top: 0; left: 0; display: none } 
       
#blocContact, #blocOrigine { 
        padding: 5px 10px;        
        font-size: 13px;
        border: 1px solid #D6D4D1;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #F2EEE9
        }
#blocContact h2, #blocOrigine h2 { margin-top: 5px }
#blocContact h2 span, #blocOrigine h2 span { background: #F2EEE9 }
#blocContact p, #blocOrigine p { margin: 4px 0 }

.btn-contactAnnonceur a { 
        display: block;
        margin: 10px 0 5px 0;
        background: url('http://web-petitesannonces.fr/images/btn-contactAnnonceur.png') no-repeat 0 0;
        height: 32px;        
        text-decoration: none;
        }
.btn-contactAnnonceur a:hover { background: url('http://web-petitesannonces.fr/images/btn-contactAnnonceur.png') no-repeat 0 -32px; }
.btn-contactAnnonceur a span { visibility: hidden }

.description { text-align:justify; margin: 5px 0 0 0; clear:both; padding: 0 10px }

.prixDetail { 
        text-align: right;
        padding: 4px 10px;
        color: #f90;
        font-size: 20px;
        font-weight: 700;
        border: 1px solid #D6D4D1;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #F2EEE9 url('http://web-petitesannonces.fr/images/bgPrix.png') no-repeat 5px center
        }
.localisation { color: #f90; font-weight: 700; font-size: 12px; text-align: center }        

#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 }

.annoncesListe_photo { width: 100px; height: 75px; margin-right: 10px; text-align: center; float: left; overflow: hidden }
.annoncesListe_photo img {width: 100px }

.myAdImg { overflow: hidden; width: 62px; height: 47px }
.myAdImg img { width: 62px }

/** fin Annonces **/

/** tabDomaines **/
.tabDomaines {margin:10px 0 0 0; padding:0; width: 984px}
.tabDomaines li {margin:0px; padding:0; list-style-type: none; display: inline; float: left}
.tabDomaines li a {display: block; float: left; width: 98px; height: 45px; line-height: 45px; text-decoration: none; text-align: center; font-weight: 700 }
.tabDomaines li a span {display: none}

.tabDomaines li.tabDomaine1 a {background: url('../images/tabDomaineV.jpg') no-repeat 0 0}
.tabDomaines li.tabDomaine1.select a { background: url('../images/tabDomaineV.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaine1 a:hover { background: url('../images/tabDomaineV.jpg') no-repeat 0 -90px }

.tabDomaines li.tabDomaine2 a { background: url('../images/tabDomaineDR.jpg') no-repeat 0 0 }
.tabDomaines li.tabDomaine2.select a { background: url('../images/tabDomaineDR.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaine2 a:hover { background: url('../images/tabDomaineDR.jpg') no-repeat 0 -90px }

.tabDomaines li.tabDomaine3 a { background: url('../images/tabDomaineN.jpg') no-repeat 0 0 }
.tabDomaines li.tabDomaine3.select a { background: url('../images/tabDomaineN.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaine3 a:hover { background: url('../images/tabDomaineN.jpg') no-repeat 0 -90px }

.tabDomaines li.tabDomaine4 a { background: url('../images/tabDomaineI.jpg') no-repeat 0 0 }
.tabDomaines li.tabDomaine4.select a { background: url('../images/tabDomaineI.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaine4 a:hover { background: url('../images/tabDomaineI.jpg') no-repeat 0 -90px }

.tabDomaines li.tabDomaine5 a { background: url('../images/tabDomaineAN.jpg') no-repeat 0 0 }
.tabDomaines li.tabDomaine5.select a { background: url('../images/tabDomaineAN.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaine5 a:hover { background: url('../images/tabDomaineAN.jpg') no-repeat 0 -90px }

.tabDomaines li.tabDomaine6 a { background: url('../images/tabDomaineM.jpg') no-repeat 0 0 }
.tabDomaines li.tabDomaine6.select a { background: url('../images/tabDomaineM.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaine6 a:hover { background: url('../images/tabDomaineM.jpg') no-repeat 0 -90px }

.tabDomaines li.tabDomaine7 a { background: url('../images/tabDomaineS.jpg') no-repeat 0 0 }
.tabDomaines li.tabDomaine7.select a { background: url('../images/tabDomaineS.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaine7 a:hover { background: url('../images/tabDomaineS.jpg') no-repeat 0 -90px }

.tabDomaines li.tabDomaine8 a { background: url('../images/tabDomaineAF.jpg') no-repeat 0 0 }
.tabDomaines li.tabDomaine8.select a { background: url('../images/tabDomaineAF.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaine8 a:hover { background: url('../images/tabDomaineAF.jpg') no-repeat 0 -90px }

.tabDomaines li.tabDomaineAll a { background: url('../images/tabDomaineAll.jpg') no-repeat 0 0 }
.tabDomaines li.tabDomaineAll.select a { background: url('../images/tabDomaineAll.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaineAll a:hover { background: url('../images/tabDomaineAll.jpg') no-repeat 0 -90px }

.tabDomaines li.tabDomaine10 a { background: url('../images/tabDomaineVMP.jpg') no-repeat 0 0 }
.tabDomaines li.tabDomaine10.select a { background: url('../images/tabDomaineVMP.jpg') no-repeat 0 -45px }
.tabDomaines li.tabDomaine10 a:hover { background: url('../images/tabDomaineVMP.jpg') no-repeat 0 -90px }


/** fin tabDomaines **/
/** nav mon compte **/
.navigMonCompte { padding: 5px 10px; margin-bottom: 15px }

.navigMonCompte div { float: left; margin-left: 10px}
.navigMonCompte div a {display: block; padding-top: 32px; text-decoration: none; color: #3e4658}
.navigMonCompte div a:hover {text-decoration: none; color: #231f1a}

.navigMonCompte div.btn-backAccount {background: url('../images/icons/32-user.png') no-repeat center 0; float: right }
.navigMonCompte div.btn-viewMyAd {background: url('../images/icons/32-page_white_magnify.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-changeMyAd {background: url('../images/icons/32-page_white_edit.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-photoMyAd {background: url('../images/icons/32-camera.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-backMyAd {background: url('../images/icons/32-arrow_left.png') no-repeat center 0}
.navigMonCompte div.btn-locateMyAdAdd {background: url('../images/icons/32-map_add.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-locateMyAdEdit {background: url('../images/icons/32-map_edit.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-calendarMyAd {background: url('../images/icons/32-calendar.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-publishMyAd {background: url('../images/icons/32-newspaper_go.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-delMyAd {background: url('../images/icons/32-bin_closed.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-iziMyAd {background: url('../images/icons/32-izi.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-logout {background: url('../images/icons/32-door_out.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-userEdit {background: url('../images/icons/32-user_edit.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-pwEdit {background: url('../images/icons/32-lock_edit.png') no-repeat center 0; float: right}
.navigMonCompte div.btn-openId {background: url('../images/icons/32-openid.png') no-repeat center 0; float: right}

.navigMonCompte div.btn-V {background: url('../images/icons/32-V.png') no-repeat center 0}
.navigMonCompte div.btn-DR {background: url('../images/icons/32-DR.png') no-repeat center 0}
.navigMonCompte div.btn-N {background: url('../images/icons/32-N.png') no-repeat center 0}
.navigMonCompte div.btn-I {background: url('../images/icons/32-I.png') no-repeat center 0}
.navigMonCompte div.btn-AN {background: url('../images/icons/32-AN.png') no-repeat center 0}
.navigMonCompte div.btn-M {background: url('../images/icons/32-M.png') no-repeat center 0}
.navigMonCompte div.btn-S {background: url('../images/icons/32-S.png') no-repeat center 0}
.navigMonCompte div.btn-AF {background: url('../images/icons/32-AF.png') no-repeat center 0}


.navigMonCompte div.navAccountSep {width: 2px; height: 46px; background: url('../images/icons/navAccountSep.png') no-repeat 0 0; float: right}
.navigMonCompte small {font-size: 11px}
/** fin nav mon compte **/
/** Mon compte **/
.accountUserName {font-size: 16px; color: #fff}
#accountHomeContent {font-size: 14px}
#accountHomeContent h2 {
	margin: 0 0 15px 0;
	font-size: 18px;
	border-bottom: 1px solid #D2CEC9
}
#accountHomeProfile { font-size: 12px }
#accountHomeProfile ul {list-style: none}
#accountHomeProfile ul li { margin-bottom: 2px }
.btn16-delAccount a {text-decoration: none; padding: 2px 0 2px 20px; line-height: 18px; background: url('../images/icons/16-bin_closed.png') no-repeat 0 center}
.btn16-delAccount a:hover { text-decoration: underline }
.accountHomeBloc {background: #f2eee9; padding: 10px; margin: 10px 0}

/** fin Mon compte **/
/* 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: 95px; text-align: right; float: left; line-height: 20px }
.filtres .selectLeft { float: left }
.filtres .selectLeft select { width: 100px }

.btn-modAdStartSearch { cursor: pointer; margin:8px 0 3px 0; border: 0; width: 246px; height: 36px; background: url('http://web-petitesannonces.fr/images/btn-recherche.png') }

#inputKw { width: 250px; margin: 5px 10px 0 0 }
#modAdSearchSelectRubAd { width: 220px; }
#helpVille { padding: 0 10px; background: #fff; border: 1px solid #7ca2ea; position: absolute; display: none; width:130px }
.filtres #choixdepart { width: 150px; margin-top: 5px }

#linkAfficheOptionsPlus a, #linkAfficheOptionsMoins a { text-decoration: none; font-family: monospace }

.filtrePicto { padding-left: 18px; background: url('http://web-petitesannonces.fr/images/tri/updown.png') no-repeat 0 6px }

.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: 0;
        list-style-type: none;
        }
.triTop ul li, .tri ul li{
        display: inline;
        float: left;
        }

.triTopDiv { float: left; padding-top: 2px; line-height: 21px; margin-right: 5px }
.triTopDiv span { padding-top: 6px; }

.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.triselection a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-selection.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triselection a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-selection.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;
        }

/** nouvelle barre de pagination **/
.navPage { line-height: 20px; margin: 5px 0 0 0; text-align: center; font-family: Verdana, sans-serif; font-size: 11px; padding: 2px }
.navPageOff { padding: 2px 4px; border: 1px solid transparent; color: #999 }
.navPage a { text-decoration: none; padding: 2px 4px; border: 1px solid transparent; font-family: Verdana, sans-serif; color:#7ca2ea }
.navPage a:hover { border: 1px solid; text-decoration: none; background: #f5f5f5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
.currentPage { font-weight: 700; padding: 2px 4px; border: 1px solid transparent; background: #7ca2ea; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px }
/** fin nouvelle barre de pagination **/


.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 */    
/* STYLE Menu AllPartPro */   

.allPartPro h1 { margin: 5px 0; font-size: 12px; font-weight: 700; float: left; line-height: 20px; color: #f90;}        
.allPartPro ul, .allPartPro li { margin: 0; padding: 0; list-style-type: none; float: right }
.allPartPro li { float: left }
.allPartPro a { 
        display: block;
        float: left;
        height: 20px;
        line-height: 20px;
        margin: 5px 5px 5px 0;
        padding: 0 10px;
        color: #7394ca;
		border: 1px solid transparent;
        font-weight: 700;
        text-decoration: none
        }
.allPartPro a:hover, .allPartPro a.allPartProSelect { border: 1px solid #7394ca; color: #fff; background: #A8C4F9 }        
/* FIN Menu AllPartPro */ 
/* Calendrier des annonces */
.calendAnnonce {
        float:left;
        width:141px;
        height: 158px;
        margin: 10px 5px 0 5px;
        padding: 5px;
        color: #000;
        background: #F7F7F7;
        border: 1px solid #C2BEB9
}
.calendAnnonce p { margin: 0; text-align: center; font-size: 14px }

.calendAnnonce li{
	list-style: none;	
}

.calendAnnonce .calendAnnoncelibelle {
	margin: 5px auto 0 auto;
	padding: 0;
	/*width:143px;*/
        font-size: 12px;
        font-weight: bold;
}
.calendAnnonce .ligne {
	margin: 0 auto;
	padding: 0;
	widows: 143px;
        font-size: 11px;
} 
.calendAnnonce .calendAnnoncelibelle li {
    list-style: none;	
	float: left;
	width: 18px;
        text-align: center;
        margin: 1px;
}
.calendAnnonce .ligne li {
	list-style: none;
	float: left;
	width:16px;
	line-height:16px;
        text-align: center;
        margin: 1px;
        border: 1px solid #bfbfbf;        
}

.calendAnnonce .ligne li a {
        text-decoration: underline;
        display: block;
        color: #000
}

.calendAnnonce .ligne li a:hover{
        list-style: none;
        text-decoration: none;
        color: #000
}

.calendAnnonce li.itemCurrentItem {
	/* apparence de la date du jour */
        font-weight: bold;
        color: #000
}

.calendAnnonce li.itemCurrentItem a {
	/* apparence de la date du jour */
        font-weight: bold;
        width:16px;
	line-height:16px
}

.calendAnnonce li.itemOtherItem {
        background: #DDDCDD;
}

#creditSpeach { display: none }

/* FIN Calendrier des annonces */   
#bottom {
        margin-top: 10px;
        padding: 5px 0;
        background: #D2CEC9            
        }
#bottomContent {
        width: 980px;
        margin: auto;
        }
#bottomContent ul { margin: 10px 0 10px 20px }

noscript ol {margin:0 1.5em 1.5em 3em}

#modAdListInfoPro { background: #F2EEE9; padding: 5px; margin-bottom: 10px; border: 1px solid #BFBFBF; font-size:13px }
#modAdListInfoPro div.right { padding: 4px 6px; background: #E2DED9; margin-right: 10px }