/* ------------------ Annonces -------------------- */

#partie-annonces {
    float : left;
    clear : both;
    width:99%;
	_width : 583px;
    background : url(../images/colonne_droite_ombre.gif) 0 200px no-repeat;
    padding : 0 0 0 7px;
    overflow : visible;
}


.actu-dernieres {
    float : left;
    width : 368px;
    background : #f4f3f3;
}


.annonces {
    width : 95%;
    background : url(../images/annonces_actu_titre_bg.jpg) top left no-repeat;
    padding : 0 0 0 5%;
    margin : 0 0 1em 0;
}

.annonces img {
    border : 1px solid #9c9b9b;
}


.annonces h1 {
    line-height : 35px;
    color : #cc0000;
    font-weight : bold;
    font-size : 1em;
}

.annonces ul {
	background-color:#FFFFFF;
	width:339px;
}

#liste-annonces  ul {
	background-color:#FFFFFF;
	width:600px;
}

.annonces li {
    float : left;
    width : 104px;
    clear : none;
    padding : 5px 4px 5px 5px;
    overflow: hidden;
}

.annonces li h1 {
	height:50px;
	overflow: hidden;
}
.annonces li .texte {
	height:142px;
	overflow: hidden;
}
.annonces li .liens {
	height:20px;
	overflow: hidden;
}

.annonces li .lien-photo img{
    height:68px;
    margin-bottom: 1px;
    margin-top: 1px;
    
}


.annonces li.avec-fond {
    background : #fff;
}


.annonces li a.annonce-photo {
    position : relative;
    display : block;
    clear : both;
    width : 100%;
}

.annonces li a.annonce-photo span.bandeau-nouveau {
    position : absolute;
    top : 0;
    left : 0;
    display : block;
    width : 48px;
    height : 65px;
    background : url(../images/annonce_nouveau.gif) top left no-repeat;
}

.annonces li h2 {
    display : block;
    clear : both;
    width : 100%;
    color : #000;
    font-weight : bold;
    font-size : .9em;
}

.annonces li h2 a {
    color : #000;
    font-family : Arial, Geneva, Helvetica, Sans-Serif;
}

.annonces li h2 a span.nouveau {
    background : url(../images/puce_3.gif) 0 4px no-repeat;
    padding : 0 0 0 8px;
}

h3.partenariat,
.annonces h3 {
    display : block;
    width : auto;
    color : #cc0000;
    font-weight : normal;
    font-size : .8em;
    background : url(../images/puce_2.gif) 0 1px no-repeat;
    font-family : Arial, Geneva, Helvetica, Sans-Serif;
    padding : 0 0 0 14px;
    margin : .1em 0;
}

h3.partenariat a,
.annonces h3 a {
    text-decoration : none;
    color : #cc0000;
}


.annonces li p {
    display : block;
    clear : both;
    width : 100%;
    font-size : .89em;
    line-height : 120%;
    font-family : Arial, Geneva, Helvetica, Sans-Serif;
}


.annonces li.fin-ligne {
    display : block;
    clear : both;
    float : none;
    width : 100%;
}



/* ---------- Spécifique aux actualités ---- */

.actualites {
    width : 92%;
}

.actualites li {
    background : #fff url(../images/actu_fond.gif) top left repeat-x;
}


/* ---------- Spécifique aux dernières annonces ---- */

.dernieres-annonces {
    width : 92%;
    background : url(../images/annonces_dernieres_titre_bg.jpg) top left no-repeat;
}

.dernieres-annonces li
{
	height: 200px;
}

.dernieres-annonces li h2 a span.nouveau {
    color : #cc0000;
}


/* ---------- Spécifique aux sélections de la semaine ---- */


.selection-semaine {
    position : relative;
    width : 197px;
    float : left;
    margin : -15px 0 1em 0;
    padding : 0;
    background : #fff url(../images/selection_semaine_fond.gif) 0 0 repeat-y;
}

.fond-selection {
    float : left;
    width : 190px;
    background : #f4f3f3;
    padding : 2px 6px 0 3px;
    background : url(../images/selection_semaine_ombre2.jpg) 0 0 no-repeat;
}


.selection-semaine ul {
    width : 168px;
    margin : 0;
    padding : 0 0 0 15px;
    background : #e0e0e0 url(../images/selection_semaine_degrade.jpg) top left no-repeat;
}

.selection-semaine h1 {
    height : 28px;
    line-height : 28px;
    margin : 0;
    color : #fff;
    text-align : center;
    background : url(../images/selection_semaine_titre.jpg) top left no-repeat;
}

.selection-semaine li {
    float : none;
    display : block;
    clear : both;
    width : 150px;
    padding-bottom : .6em;
    border-bottom : 1px solid #c1c1c1;
    height: auto;
}


.selection-semaine li h2 a {
    background : url(../images/puce_3.gif) 0 4px no-repeat;
    padding : 0 0 0 8px;
}


.selection-semaine h3 {
    display : block;
    float : none;
    width : 98%;
}


/* ------------------ liste des nouveautés -------------------- */


.onglet-nouveautes {
    position : relative;
    float : right;
    clear : none;
    width : 243px;
    background :  url(../images/nouveautes_ombres.gif) top left no-repeat;
    margin : -25px -5px 0 1em;
    padding : 3px 3px 0 3px;
}


.onglet-nouveautes h3 {
    display : block;
    float : none;
    clear : both;
    width : 100%;
    height : 25px;
    line-height : 25px;
    background : url(../images/nouveautes_titre.gif) 1px 1px no-repeat;
    overflow : hidden;
    color : #fff;
    padding : 0 0 0 1.6em;
    font-weight : bold;
    font-size : 1.1em;
}

.onglet-nouveautes div.a-lire-aussi {
    display : block;
    float : none;
    clear : both;
    width : 100%;
    height : 25px;
    line-height : 25px;
    background : url(../images/nouveautes_titre.gif) 1px 1px no-repeat;
    overflow : hidden;
    color : #fff;
    padding : 0 0 0 1.6em;
    font-weight : bold;
    font-size : 1.1em;
}

.onglet-nouveautes ul {
    width : 235px;
    background : #f4f3f3 url(../images/nouveautes_degrade.gif) top left repeat-x;
    margin : 0;
    padding : 1em 0 1em 0;
}

.onglet-nouveautes li {
    display : block;
    float : none;
    clear : both;
    width : 96%;
    padding : 6px;
    background : none;
    overflow : hidden;
}

.onglet-nouveautes li a {
    float : left;
    width : 60px;
    text-decoration : none;
    font-weight : bold;
    color : #000;
}


.onglet-nouveautes p {
    float : left;
    width : 165px;
    background : none;
    font-size : .9em;
    border-bottom : 1px solid #d3dddf;
    padding : 0 0 .5em 0;
    line-height : 130%;
}


.onglet-nouveautes li p a {
    float : none;
    display : inline;
    margin : 0;
    padding : 0 0 0 15px;
    background : url(../images/puce_7.gif) top left no-repeat;
}


.onglet-nouveautes li.lien-tous p {
    display : block;
    float : none;
    clear : both;
    border : none;
    text-align : right;
    width : 98%;
    padding : 0;
    margin : 0;
}


.onglet-nouveautes li.lien-tous p a {
    float : none;
    display : inline;
    margin : 0;
    padding : 0 0 0 15px;
    background : url(../images/puce_8.gif) center left no-repeat;
    color : #cc0000;
    font-weight : normal;
}


/* ------------------ liste des annonces (tableau) -------------------- */


#liste-annonces {
    width : 98%;
    background : url(../images/colonne_droite_ombre.gif) 0 6em no-repeat;
    padding : 0 0 0 6px;
}

#liste-annonces table {
    border : 0;
    background : #f4f3f3;
    margin : .5em 0;
}


#liste-annonces tr.entete {
    padding : .4em;
    background : #f4f3f3;
}

#liste-annonces td {
    padding : 6px 6px;
    margin : 0;
    vertical-align : top;
    background : url(../images/liste_separation.gif) center right no-repeat;
}

#liste-annonces th {
    background : #cc0000;
    color : #fff;
    padding : .4em 2.4em .4em 1em;
    font-weight : normal;
	text-align:center;
}

#liste-annonces th a {
    float : left;
    color : #fff;
    text-decoration : none;
    background : url(../images/liste_classement.gif) center right no-repeat;
    padding : .4em 2.4em .4em 1em;
    font-weight : normal;
}


#liste-annonces a {
    text-decoration : none;
	font-size:0.88em;
}

#liste-annonces a:hover {
    text-decoration : underline;
}

#liste-annonces span {
	font-size:0.88em;
}

#liste-annonces tr.alternatif td {
    background : #e3e2e2 url(../images/liste_separation2.gif) center right no-repeat;
}

#liste-annonces tr.alternatif td.photo-annonce,
#liste-annonces td.photo-annonce {
    text-align : center;
    padding-right : 0;
    background-image : none;
}

#liste-annonces table img {
    display : block;
    border : 1px solid #a1a0a0;
    border-bottom-color : #817e7d;
    height:65px;
}
a.lien-photo,
#liste-annonces td.photo-annonce a {
    position : relative;
    display : block;
}


a.annonce-photo span.nouveau,
a.annonce-photo span.pro,
a.lien-photo span.nouveau,
a.lien-photo span.pro,
#liste-annonces td.photo-annonce span.pro,
#liste-annonces td.photo-annonce span.nouveau {
    position : absolute;
    display : block;
    top : 0;
    left : 0;
    width : 48px;
    height : 65px;
    background : url(../images/annonce_nouveau.gif) center right no-repeat;
}

a.annonce-photo span.pro,
a.lien-photo span.pro,
#liste-annonces td.photo-annonce span.pro {
    width : 27px;
    height : 27px;
    background-image : url(../images/annonce_pro.gif);
}
a.normal{
	color:black;
}
#liste-annonces td a.normal:hover{
	text-decoration: none;
}


#liste-annonces td h1 {
    font-size : .9em;
    margin : 0;
    padding : 0 0 .6em 0;
}
#liste-annonces td h1:hover {
	text-decoration: underline;
}

#liste-annonces td h1 span {
    color : #494848;
    font-weight : normal;
}

#liste-annonces td p {
    font-size : .9em;
    color : #494848;
}


td.photo-annonce {
    width : 115px;
}

td.description {
    width : 220px;
}

td.prix {
    font-weight : bold;
    font-size : .95em;
    color : #cc0000;
}

td.ville span {
    background : url(../images/puce_b.gif) center left no-repeat;
    padding : 0 0 0 8px;
    font-size : .9em;
    text-decoration: none;
    color:#cc0000;
}


#liste-annonces tr.alternatif td.action-favoris,
#liste-annonces td.action-favoris {
    text-align : center;
    background-image : none;
}

a.deja-favoris,
a.retirer-favoris,
a.ajouter-favoris,
td.action-favoris a.ajouter-favoris,
a.ajout-favoris,
td.action-favoris a {
    display : block;
    margin : 0 auto;
    width : 17px;
    height : 14px;
}


td.action-favoris a.ajouter-favoris,
a.ajouter-favoris {
    background : url(../images/icone_deja_favoris.gif) center right no-repeat;
}

td.action-favoris a.deja-favoris,
a.deja-favoris {
    background : url(../images/icone_deja_favoris.gif) center right no-repeat;
}

td.action-favoris a.ajout-favoris,
a.ajout-favoris {
    background : url(../images/icone_ajout_favoris.gif) center right no-repeat;
}

a.retirer-favoris {
    background : url(../images/icone_retirer_favoris.gif) center right no-repeat;
}

/* ------------------ liste des annonces (vignettes) -------------------- */


#liste-annonces li {
    padding : .8em .4em 1em .4em;
}

#liste-annonces li h1 {
    line-height : 120%;
    font-size : .9em;
}

#liste-annonces li h1 span {
    display : block;
    color : #494848;
    font-weight : normal;
}


#liste-annonces li p {
    color : #494848;
    margin : 0 0 1em 0;
    line-height : 110%;
}

#liste-annonces li p a.normal:hover{
	text-decoration: none;
}

#liste-annonces li p.liens {
    display : block;
    clear : both;
    width : 100%;
    padding : 0;
    margin : .4em 0;
    border-top : 1px solid #d2d1d1;
    overflow : hidden;
}

#liste-annonces li p.liens a {
    float : left;
    padding : .4em 0 0 0;
}

#liste-annonces li p.liens span.ville {
    background : url(../images/puce_b.gif) center left no-repeat;
    padding : .1em 0 0 8px;
    font-size : 1em;
    color:#cc0000;
}

#liste-annonces li p.liens a.ajout-favoris,
#liste-annonces li p.liens a.deja-favoris {
    float : right;
}

#liste-annonces li.fin-ligne {
    display : block;
    clear : both;
    width : 100%;
    height : 0;
    padding : 0;
    margin : 0;
    line-height : 0;
    font-size : 0;
}


/* ------------------ Pagination / affichage -------------------- */


.pagination {
    background : #979697 url(../images/pagination_fond.gif) bottom left no-repeat;
    vertical-align: middle;
}

.pagination-bas {
    background : #979697 url(../images/pagination_fond2.gif) top left no-repeat;
}

.pagination span {
    color : #fff;
}

.pagination p {
    color : #fff;
    font-size : .9em;
    line-height : 30px;
}

p.numeros {
    float : left;
    padding : 0 0 0 4px;
}

p.numeros a {
    color : #fff;
}

/*p.numeros .num_page
{
	margin-top: 10px;
}
*/
p.numeros .siti_page_courante {
    color : #000;
}
p.numeros .num_page img
{
	vertical-align: middle;
}

p.affichage {
    float : right;
    padding : 0 2px 0 0;
}

p.affichage select {
    display : inline;
    border : 1px solid #d6dfe8;
}


a.tableau {
    float : right;
    width : 17px;
    height : 30px;
    background : url(../images/icone_affichage_tableau.gif) center left no-repeat;

}

a.vignettes {
    float : right;
    width : 17px;
    height : 30px;
    background : url(../images/icone_affichage_vignette.gif) center left no-repeat;
    margin : 0 1em 0 0;
}



.lien-outils {
	font-size:10px;
}