@CHARSET "ISO-8859-1";



/*   Charte lilibricole
------------------------------------------------------ */

.charteTitreBox {
    background: transparent;
    position: relative;
    padding: 0;
    width: 645px;
}

.charteTitreBox .textesBandeau {
    position: absolute;
    top: 0;
    left: 130px;
    width: 348px;
    padding: 20px 0 0 0;
}


.charteTitreBox p {
    width: 348px;
    color: #510202;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 140%;
}

.charteTitreBox h2 {
    width: 348px;
}


.charteLilibricole {
    background: transparent;
    padding: 0;
    margin: 10px 0;
    width: 645px;
}


.charteLilibricole .lienCharte {
    float: left;
    text-decoration: none;
}


.raisonBox h2 {
    font-size: 1.5em;
    padding: 20px 0 14px 57px;
}

.infoBox .footer {
    padding: 0 0 8px 87px;
}


.avantagesArtisan .footer {
    width: 578px;
    padding: 0 20px 8px 57px;
}

.raisonBox .rechercheArtisans {
    position: absolute;
    top: 19px;
    right: 27px;
    width: 100px;
}

div.ajax-list input {
    width : 7em;

}
.infoBox .footer,
.infoBox p {
    line-height: 140%;
}

.raisonBox .numero {
    position: absolute;
    top: 5px;
    left: 17px;
    font-size: 4em;
    font-weight: bold;
}

.categoriesArtisans {

}

.categoriesArtisans ul {
    width: 100%;
    overflow: visible;
    padding: 0 0 16px 16px;
}

.categoriesArtisans li {
    position: relative;
    overflow: visible;
    float: left;
    clear: none;
    width: 138px;
    margin: 16px 16px 0 0;
}

.lienCategorie {
    display: block;
    width: 134px;
    height: 73px;
    overflow: hidden;
    background: #DD85B5;
    text-align: center;
    border: 2px solid #DD85B5;
}


.categoriesArtisans li.nouvelleLigne {
    clear: both;
    padding: 0;
    margin: 0;
    width: 100%;
    border: none;
}


.categoriesArtisans li h2 a,
.categoriesArtisans li h2 {
    color: #DD85B5;
    text-decoration: none;
    font-size: 1em;
    padding: 4px 0;
    background: none;
}



/*   sous menu catégories
------------------------------------------------------ */

.categoriesArtisans .sousCategories {
    display: none;
    width: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    background: #fff;
    border: 1px solid #DD85B5;
    z-index: 10;
    margin: 0;
    padding: 4px;
}

.categoriesArtisans .sousCategories ul {
    display: block;
    clear: both;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 0 0 0 6px;
}



.categoriesArtisans .categorieVisible {
    display: block;
}

.categoriesArtisans .categorieLimite {
    overflow: auto;
    float: left;
    clear: both;
    height: 90px;
}


.categoriesArtisans .sousCategories li {
    display: block;
    clear: both;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
}


.categoriesArtisans .sousCategories li a {
    display: block;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 2px 0;
    color: #510202;
    text-decoration: none;
}

.categoriesArtisans .sousCategories li a:hover {
    text-decoration: underline;
}


/* fiche artisan
---------------------------------------------------------------- */


.infoBoxRose {
    background: url(../img_v1/infosCentreRose.gif) 0 0 repeat-y;
}

.infoBoxRose .header,
.infoBoxRose h2 {
    background: url(../img_v1/infosTopRose.gif) 0 0 no-repeat;
}


.infoBoxRose p,
.infoBoxRose .footer {
    background: url(../img_v1/infosBottomRose.gif) bottom left no-repeat;
}

.detailAvecContrat {
    background: url(../img_v1/infosCentreOrange.gif) 0 0 repeat-y;
}
.detailAvecContrat .header,
.detailAvecContrat h2 {
    background: url(../img_v1/infosTopOrange.gif) 0 0 no-repeat;
}


.detailAvecContrat p,
.detailAvecContrat .footer {
    background: url(../img_v1/infosBottomOrange.gif) bottom left no-repeat;
}





.descriptionArtisan div,
.descriptionArtisan {
    width: 100%;
    padding: 0;
}

.descriptionArtisan .header,
.descriptionArtisan h2 {
    float: left;
    clear: both;
    width: 100%;
    padding: 15px 0 0 0;
    margin: 0;
    height: auto;
    line-height: 1px;
    font-size: 1px;
}


.descriptionArtisan .footer {
    width: 100%;
    padding: 0 0 15px 0;
}

.descriptionArtisan .footer .description p,
.descriptionArtisan .footer .description {
    display: block;
    overflow: hidden;
    float: left;
    clear: both;
    width: 610px;
    padding: 0 10px 0 15px;
    color: #510202;
    font-weight: bold;
    font-size: 1em;
}

.descriptionArtisan .description p {
    font-size: 1em;
    padding: 0;
    margin: 0;
    line-height: 140%;
}


.detailArtisan table {
    width: 100%;
}

.detailArtisan td {
    vertical-align: top;
    padding: 0;
}

.detailArtisan td.media {
    width: 130px;
    text-align: center;
}

.detailArtisan td.coordonnees {
    width: 386px;
}


.detailArtisan td.media img {
    border: 2px solid #DD85B5;
}


.detailArtisan .genreArtisan {
    float: left;
    color: #510202;
    font-weight: bold;
    font-size: 1em;
    padding: 7px 0 0 35px;
    height: 19px;
    background: url(../img_v1/pictoArtisan.gif) 15px 5px no-repeat;
}

.detailArtisan .genreFem {
    background: url(../img_v1/pictoArtisane.gif) 15px 5px no-repeat;
}


.detailArtisan h2,
.detailArtisan p {
    background: none;
    padding: 0;
    margin: 0;
}

.detailArtisan h2 {
    padding-bottom: 10px;
}

.detailArtisan table p {
    width: auto;
    padding: 0 0 0 0;
}

.detailArtisan table p,
.detailArtisan table p a {
    color: #510202;
    font-weight: normal;
    font-size: 1em;
}

.detailArtisan table p a {
    font-size: 1em;
    text-decoration: none;
}


.detailArtisan table p a:hover {
    text-decoration: underline;
}

.donnerAvis,
.detailArtisan td.avis a.donnerAvis {
    display: block;
    float: none;
    clear: both;
    width: auto;
    color: #DD85B5;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    padding: 8px 0 0 0;
}

.detailArtisan td.avis {
    padding-right: 20px;
}



/* votre avis / notation */
.notation,
.detailArtisan .notation {
    display: block;
    float: none;
    clear: both;
    width: auto;
    text-align: right;
    overflow: hidden;
    padding: 0;
}

.detailArtisan .charteLili {
    padding-top: 4px;
}

.detailArtisan .charteLili a {
    float: right;
    text-decoration: none;
}

.notation img {
    display: inline;
}


.detailArtisan td.avis a.contactArtisan {
    float: right;
    clear: both;
    color: #510202;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 0;
    margin: 10px 0 0 0;
    width: 94px;
    height: 48px;
    background: url(../img_v1/fondContactArtisan.gif) 0 0 no-repeat;
}

.detailArtisan td .voirNumero {

}

.detailArtisan td .valeurNumero {
    display: none;
}

.detailArtisan td .afficher {
    display: inline;
}

.detailArtisan td .cacher {
    display: none;
    background: orange;
}


.detailArtisan td.avis a.contactArtisan span {
    float: left;
    clear: both;
    padding: 6px;
}


/* Version réduite pour spécialité */
* html .infoBoxSpecialite,
.infoBoxSpecialite {
    float: left;
    clear: none;
    width: 181px;
    overflow: hidden;
    background: url(../img_v1/infosCentreSpecialite.gif) 0 0 repeat-y;
}

* html .infoBoxSpecialite {
    width: 181px;
}

.infoBoxSpecialite div.marges {
    float: left;
    display: block;
    overflow: hidden;
    clear: both;
}



.infoBoxSpecialite .header,
.infoBoxSpecialite h2 {
    background: url(../img_v1/infosTopSpecialite.gif) 0 0 no-repeat;
    color: #DD85B5;
    font-size: 1.5em;
    font-weight: bold;
    padding: 15px 0 6px 17px;
}

.infoBoxSpecialite .header {
    float: left;
    display: block;
    overflow: hidden;
    clear: both;
    width: 185px;
}

.infoBoxSpecialite p,
* html .infoBoxSpecialite .footer,
.infoBoxSpecialite .footer {
    float: left;
    clear: both;
    width: 172px;
    padding: 0 0 15px 10px;
    background: url(../img_v1/infosBottomSpecialite.gif) bottom left no-repeat;
}


* html .infoBoxSpecialite .footer {
    width: 182px;
}


.infoBoxSpecialite .footer h2 {
    float: left;
    display: block;
    overflow: hidden;
    clear: both;
    width: 170px;
    padding: 0 0 6px 0;
    margin: 0;
    background: transparent;
}


.infoBoxSpecialite .footer ul {
    float: left;
    display: block;
    overflow: hidden;
    clear: both;
    list-style-type: none;
    padding: 0 0 16px 0;
    margin: 0;
}


.infoBoxSpecialite .footer li {
    float: left;
    display: block;
    overflow: hidden;
    clear: both;
    color: #510202;
    width: 170px;
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px 0 0 10px;
    margin: 0;
    background: url(../img_v1/pictoMiniFleche.gif) 0 6px no-repeat;
}








/* Version réduite pour onglets infos */
.infoBoxOnglets {
    float: right;
    clear: none;
    width: 451px;
    overflow: hidden;
    background: url(../img_v1/infosCentreOnglets.gif) 0 0 repeat-y;
}

* html .infoBoxOnglets {
    width: 451px;
}


.infoBoxOnglets .header {
    padding: 2px 0 6px 17px;
    background: url(../img_v1/infosTopOnglets.gif) 0 0 no-repeat;
}

.infoBoxOnglets h2 a,
.infoBoxOnglets h2 {
    color: #DD85B5;
    font-size: 1.4em;
    font-weight: bold;
    background: transparent;
}
.infoBoxOnglets h2 a {
    font-size: 1em;
}

.infoBoxOnglets .footer {
    width: 440px;
    padding: 0 0 15px 17px;
    background: url(../img_v1/infosBottomOnglets.gif) bottom left no-repeat;
}


.infoBoxOnglets .onglets {
    float: left;
    padding: 0;
    margin: 0;
    background: transparent;
    width: 100%;
}

.infoBoxOnglets .onglets h2 {
    float: left;
    width: auto;
    clear: none;
    padding: 0 25px 0 25px;
}

.infoBoxOnglets .onglets h2 a {
    padding: 0;
    color: #F7CBE6;
    text-decoration: none;
}
.infoBoxOnglets .onglets h2.actif a { color: #D47BAB; }


.ongletsArtisan {
    width: 645px;
}

.diaporama div.ligneRealisation {
    float: left;
    clear: both;
    width: 425px;
    overflow: hidden;
    padding: 0 0 16px 0;
    margin: 0;
}


.infoBoxOnglets .imagePrincipale {
    float: left;
    clear: none;
    width: 260px;
    text-align: left;
}

.infoBoxOnglets .imagePrincipale p {
    font-size: 1.1em;
    color: #510202;
    width: 230px;
    font-weight: normal;
    background: transparent;
    text-align: left;
    padding: 6px 0 0 0;
    margin: 0;
}


.infoBoxOnglets .imagesMiniatures {
    float: right;
    clear: none;
    width: 175px;
    text-align: left;
    padding: 0;
    margin: 0;
}





.infoBoxOnglets .diaporama {
    display: none;
    padding: 20px 0 15px 17px;
    font-size: 1em;
    color: #510202;
    line-height: 140%;
}

.infoBoxOnglets .actif {
    display: block;
}

.infoBoxOnglets .footer li img,
.imagePrincipale img {
    border: 2px solid #E485A7;
}

.infoBoxOnglets .footer ul {
    float: left;
    list-style-type: none;
    padding: 0 0 0 15px;
    margin: 0;
}


.infoBoxOnglets .footer li {
    float: left;
    clear: none;
    color: #510202;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    width: 78px;
}

#zoomBox .elementList li.passageLigne,
.infoBoxOnglets .footer li.passageLigne {
    display: block;
    float: none;
    clear: both;
    width: auto;
    overflow: hidden;
    padding: 0;
    margin: 0;
    font-size: 1px;
    height: 4px;
    border: none;
}

.infoBoxOnglets .footer li.cacher {
    display: none;
}


.blocTitre {
    display: block;
    clear: both;
    padding: 24px 0 0 0;
}


.avantagesArtisan .footer {
    font-size: 1em;
}

.avantagesArtisan .footer p {
    width: auto;
    padding: 0;
    margin: 0;
    font-size: 1em;
    background: transparent;
}


/* liste des artisans
---------------------------------------------------------------- */


.listeArtisans {

}

.listeArtisans .header {
    padding: 4px 0 4px 10px;
    margin: 0;
}

.listeArtisans .footer {
    padding-bottom: 8px;
    margin: 0;
    height: auto;
    font-size: 1px;
    background: #fff url(../img_v1/infosBottom.gif) bottom left no-repeat;
}

.listeArtisans li div,
.listeArtisans .header div {
    float: left;
    clear: none;
    padding: 0;
    margin: 0;
}

.listeArtisans .header div {
    color: #510202;
    font-weight: normal;
    font-size: .8em;
}

.listeArtisans .header div a {
    color: #510202;
    font-size: 1.2em;
    text-decoration: none;
}


.avis,
.telephone,
.specialite,
.nom,
.genre,
.avis a,
.telephone a,
.specialite a,
.nom a,
.genre a {
    float: left;
    clear: none;
    color: #510202;
    font-weight: normal;
    text-decoration: none;
    font-size: 1em;
    padding: 0;
    margin: 0;
}

.avis a:hover,
.telephone a:hover,
.specialite a:hover,
.nom a:hover,
.genre a:hover {
    text-decoration: underline;
}


.listeArtisans li.ligneArtisan .genre,
.genre {
    width: 28px;
    text-align: left;
    padding-top: 5px;
}




.nom {
    width: 240px;
}

.specialite {
    width: 145px;
}

.telephone {
    width: 115px;
}

.avis {
    width: 60px;
}
.detailArtisan .avis {
    width: 80px;
}

.label {
    width: 38px;
}


.listeArtisans .blocListe {
    float: left;
    clear: both;
    width: 643px;
    overflow: hidden;
    padding: 0 1px 0 1px;
    margin: 0;
}
* html .listeArtisans .blocListe {
    width: 644px;
}

.listeArtisans ul {
    float: left;
    width: 643px;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    padding: 5px 0 0 0;
    margin: 0;
    background: url(../img_v1/listeArtisansHaut.gif) 0 0 no-repeat;
}
* html .listeArtisans ul {
    width: 644px;
}


.listeArtisans li.ligneArtisan {
    float: left;
    clear: both;
    width: 633px;
    overflow: hidden;
    padding: 10px 0 18px 10px;
    margin: 0;
    background: #fff url(../img_v1/listeArtisansSeparation.gif) bottom left no-repeat;
}


.listeArtisans li.contratActifFond {
    background: url(../img_v1/listeArtisansSeparation2.gif) bottom left no-repeat;
}

* html .listeArtisans li.ligneArtisan {
    width: 644px;
}


.listeArtisans li.ligneArtisan p {
    display: block;
    clear: both;
    float: none;
    width: auto;
    padding: 4px 8px 0 0;
    margin: 0;
    font-size: 1em;
    background: transparent;
}

.listeArtisans li .nom {
    font-size: .8em;
}
.listeArtisans li .nom strong {
    font-size: 1.4em;
}

.listeArtisans li .avis {
}

.listeArtisans li.debutListe {
}

.listeArtisans li.finListe {
    background: #fff;/*#fff url(../img_v1/listeArtisansBas.gif) bottom left no-repeat;*/
}

.listeArtisans li.contratActifFond.finListe {
    background: url(../img_v1/testArtisanLili.gif) bottom left repeat-x;
}



.listeArtisans li .notation img {
    float: right;
    margin: 2px;
}



.listeArtisans li .avis {
}

.listeArtisans li .avis .notation {
    padding-left: 7px;
}


.artisanLili {
    display: block;
    width: auto;
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 4px 0 0 0;
    font-size: .9em;
    color: #510202;
    font-weight: bold;
    text-align: center;
}




/*.contratActif .artisanLili,*/
/*.contratActif .avis,
.contratActif .telephone,
.contratActif .specialite,
.contratActif .nom,
.contratActif .genre,
.contratActif .avis a,
.contratActif .telephone a,
.contratActif .specialite a,
.contratActif .nom a,
.contratActif .genre a {
    color: #BE1A7B;
}*/
/*
.artisanLili {
    color: #DE8FBF;
    font-size: 2em;
}*/




.legendeArtisans {
    display: block;
    clear: both;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    line-height: 60px;
}

.legendeArtisans,
.legendeArtisans a {
    font-size: .9em;
    color: #510202;
    font-weight: bold;    
}
.legendeArtisans a {
    font-size: 1em;  
}

.legendeArtisans img {
    float: left;
    margin-right: 8px;
}


/*   pagination
------------------------------------------------------ */

.nav {
    float: left;
    clear: both;
    width: 95%;
    padding: 8px 0 6px 0;
}

.precedent,
.suivant {
    float: left;
    clear: none;
    width: auto;
}

.suivant,
.precedent,
.suivant a,
.precedent a {
    color: #510202;
    font-weight: normal;
    font-size: 1em;
    text-decoration: none;
}


.suivant {

}

.nav p {
    float: left;
    clear: none;
    width: 469px;
    color: #510202;
    font-weight: normal;
    font-size: 1em;
    padding: 0;
    margin: 0;
    text-align: center;
}

.nav p.touteLaLargeur {
    width: 100%;
}


/*   publicité
------------------------------------------------------ */

.pubLarge {
    display: block;
    overflow: hidden;
    clear: both;
    width: auto;
    margin: 10px 0 24px 0;
    padding: 0;
}



/*   publicité
------------------------------------------------------ */

.rechercheArtisan {

}

.rechercheArtisan .margin {

}

.rechercheArtisan h2 {
    padding-left: 15px;
    padding-top: 10px;
}

.rechercheArtisan .footer {
    padding-left: 15px;
    width: 650px;
}

.rechercheArtisan .footer div.champ-texte,
.rechercheArtisan .footer div.liste-deroulante {
    float: left;
    clear: none;
    width: 210px;
}

.rechercheArtisan .footer div.hidden {
    display: none;
}

.champ-texte label,
.liste-deroulante label {
    display: block;
    clear: both;
    width: auto;
    color: #DD85B5;
    font-weight: bold;
    font-size: 1em;
}


.champ-texte input {
    color: #510202;
    font-weight: normal;
    font-size: 1em;
}


.liste-deroulante select {
    color: #510202;
    font-weight: normal;
    font-size: 1em;
}

.rechercheArtisan .footer div.boutonChercher {
    display: block;
    clear: both;
    width: 580px;
    padding: 16px 0 0 0;
    margin: 0;
}

.boutonValider {
    float: right;
}

/*
#zoomBox li.passageLigne {
    display: none;
}*/