* { margin: 0; padding: 0; }
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px;}

body,
input,
select,
textarea {
    font-family: "Verdana", Arial, sans-serif;
    color: #222;}

body {font-size: 12px;}

input,
select,
textarea {font-size: 11px;}

a {color: #06a0e0;}

body {background: transparent url(../_medias/bgBody.jpg) repeat-x;}

#allContent {
   width: 980px; margin: 0 auto 10px auto; position: relative;
   background: transparent url(../_medias/bgAllContent.jpg) no-repeat right top;}

#blocReferencement {width: 980px; margin: 0 auto 20px auto; font-size: 10px; color: #666;}

/******************************************************************************************/
/*                                                                                 Entete */
/******************************************************************************************/

#enTete {width: 980px; height: 160px;}
#enTete img {border: 0; position: absolute; left: 10px; top: 24px;}

#navigation {
   width: 980px; height: 30px; position: absolute; left: 0; top: 100px; list-style: none;
   background: transparent url(../_medias/bgNavigation.gif) no-repeat; z-index: 900;}
#navigation li {float: left; position: relative;}
#navigation li a {display: block; height: 30px; text-indent: -5000px; overflow: hidden;}

#navigation li a:hover,
#navigation li a.selected {background-position: 0 -30px !important;}

#navigation ul {
   list-style: none; position: absolute; left: 0; top: 30px; width: 190px;
   background-color: #07a0e1; padding: 10px 5px 0 5px; z-index: 100;}
#navigation li ul li {float: none; margin-bottom: 5px; border-bottom: 1px #73c9ed solid;}
#navigation li ul li a {
   display: block; height: auto; text-indent: 0; width: auto !important;
   background-image: none !important; white-space: nowrap; color: #fff; text-decoration: none;
   font-size: 11px; font-weight: bold; padding: 5px;}

#navigation li ul li a:hover {background-color: #4dbae9 !important;}

#versions {list-style: none; position: absolute; left: 670px; top: 108px; z-index: 901;}
#versions li {float: left;}
#versions li a {
   color: #fff; text-decoration: none; padding-right: 14px;
   font-size: 11px; padding-left: 20px; line-height: 13px;}
#versions li a:hover {text-decoration: underline;}
#versions li#vFR a {background: transparent url(../_medias/vFR.gif) no-repeat;}
#versions li#vUK a {background: transparent url(../_medias/vUK.gif) no-repeat;}
#versions li#vES a {background: transparent url(../_medias/vES.gif) no-repeat;}
#versions li#vIT a {background: transparent url(../_medias/vIT.gif) no-repeat;}

.zoneTexte h2 {font-size: 26px;}
.zoneTexte h3 {font-size: 22px;}
.zoneTexte h4 {font-size: 18px;}
.zoneTexte h5 {font-size: 16px;}
.zoneTexte h6 {font-size: 14px;}

.zoneTexte p {margin-bottom: 10px;}

.zoneTexte ul,
.zoneTexte ol {list-style-position: inside; margin-bottom: 10px;}

.zoneTexte table {border-collapse: collapse; margin-bottom: 10px; border: 0 !important;}
.zoneTexte table td,
.zoneTexte table th {border: 1px #666 solid !important; padding: 2px 4px;}
.zoneTexte table p {margin-bottom: 0;}

/******************************************************************************************/
/*                                                                            Maincontent */
/******************************************************************************************/

#mainContent h2.titrePage {font-size: 18px; margin-bottom: 15px; text-transform: uppercase;}

#ariane {list-style: none; height: 16px; border-bottom: 1px #a9ddf3 solid; margin: 0 0 20px 0;}
#ariane li {float: left; font-size: 10px; padding-right: 3px;}
#ariane li h4 {display: inline; font-size: 10px; }
#ariane li h4 a {text-decoration: none; color: #333; font-weight: normal;}

#zoneAccueil {width: 980px; margin-bottom: 10px;}

#blocSansEmplacement,
#blocSurEmplacement,
#edito {float: left;}

#blocSansEmplacement,
#blocSurEmplacement {width: 330px; margin-right: 20px;}

#blocSansEmplacement a#btnAccesSans,
#blocSurEmplacement a#btnAccesSur {
   display: block; width: 330px; height: 200px;
   color: #fff; font-size: 11px;
   text-decoration: none; line-height: 10px;}

#blocSansEmplacement a#btnAccesSans strong,
#blocSurEmplacement a#btnAccesSur strong {
   display: block; width: 80px; height: 28px;
   cursor: pointer; z-index: 1;}

#blocSansEmplacement a#btnAccesSans strong {position: absolute; left: 250px; top: 332px;}
#blocSurEmplacement a#btnAccesSur strong {position: absolute; left: 600px; top: 332px;}

#blocSansEmplacement a#btnAccesSans em,
#blocSurEmplacement a#btnAccesSur em {display: none;}

#blocSansEmplacement a#btnAccesSans span,
#blocSurEmplacement a#btnAccesSur span {display: block; font-size: 10px;}

#zoneFlash1 {position: absolute; left: 0; top: 160px; z-index: 2;}
#zoneFlash2 {position: absolute; left: 350px; top: 160px; z-index: 2;}

/*************************************************************** Edito */

#edito {width: 260px; line-height: 16px;}
#edito h2 {font-size: 13px; margin-bottom: 10px;}
#edito p {margin-bottom: 10px; font-size: 11px;}

.zoneLnks {width: 310px; padding: 10px; background: transparent url(../_medias/bgZoneLnks.gif) repeat-x;}
.zoneLnks a {font-size: 10px; text-transform: uppercase;}
.zoneLnks .lnkTous {
   text-transform: none; font-weight: bold; display: block; padding-top: 10px;
   text-decoration: none; color: #1599d3; text-align: right; font-size: 11px;}

/*************************************************************** colonnes page d'accueil */

#colAccueilA,
#colAccueilB,
#colAccueilC,
#colAccueilD {float: left;}

#colAccueilA {width: 510px; padding-right: 20px;}
#colAccueilB {width: 230px; padding-right: 20px;}
#colAccueilC {width: 200px;}
#colAccueilD {width: 750px; padding: 0 20px 0 10px;}

/*************************************************************** Brève */

#blocBreve {width: 510px; background: transparent url(../_medias/bgBreve.gif) no-repeat; color: #222; margin-bottom: 20px;}
#blocBreve img {float: right; margin: 10px 20px 0 10px;}
#blocBreve h2 {font-size: 14px; padding: 10px 20px;}
#blocBreve .zoneTexte {padding: 0 20px 10px 20px; font-size: 11px;}
#blocBreve .zoneTexte a {color: #049fe0; text-decoration: underline;}
#blocBreve #basBreve {width: 510px; height: 10px; background: transparent url(../_medias/basBreve.gif) no-repeat; clear: both;}

/*************************************************************** Notre sélection */

#blocNotreSelection h4 {display: none;}

.selection {
   width: 480px; padding-bottom: 10px; position: relative;
   background: transparent url(../_medias/bgSelection.gif) no-repeat;}
.contentSelection {
   width: 470px; padding: 10px 0 10px 10px;
   background: transparent url(../_medias/basSelection.gif) no-repeat left bottom;}

.selection img,
.colSelectA,
.colSelectB {float: left;}

.colSelectA {width: 138px;}
.colSelectB {width: 222px; line-height: 18px;}

.selection img {margin-right: 10px; width: 100px; height: 75px; border: 0;}
.selection h3 a {font-size: 14px; margin-bottom: 5px; color: #222; text-decoration: none;}
.selection .modele {padding-top: 2px;}
.selection .modele a {color: #666; font-size: 11px; text-decoration: none; line-height: 12px;}
.selection .dimensions a {color: #009ee0; font-size: 11px; font-weight: bold; text-decoration: none;}
.selection .annee a {color: #222; font-size: 11px; font-weight: bold; text-decoration: none;}
.selection .situGeo a {color: #666; font-size: 10px; font-weight: bold; position: relative; top: 24px; text-decoration: none;}

.surEmplacement,
.sansEmplacement {
   height: 21px; padding-left: 33px; font-size: 10px; color: #888;
   font-weight: bold; line-height: 10px; padding-top: 8px; position: relative; top: 16px;}

.surEmplacement a,
.sansEmplacement a {color: #888; text-decoration: none;}

.surEmplacement {background: transparent url(../_medias/pictoSurEmplacement.png) no-repeat;}
.sansEmplacement {background: transparent url(../_medias/pictoSansEmplacement.png) no-repeat;}

.selection .surEmplacement,
.selection .sansEmplacement {position: absolute; left: 120px; top: 57px;}

.prix {
   width: 105px; height: 27px; text-align: center; line-height: 26px;
   background: transparent url(../_medias/bgPrix.gif) no-repeat;
   color: #fff; font-weight: bold; font-size: 18px; float: right;}
.prix a {color: #fff; text-decoration: none;}

.selection .prix {margin-right: 10px;}

/*************************************************************** Bloc Top */

#blocTop {width: 230px;}

#blocTop #tabs {list-style: none; width: 230px; height: 30px;}
#blocTop #tabs li {float: left;}
#blocTop #tabs li a {
   display: block; height: 30px;
   background-repeat: no-repeat;
   text-indent: -5000px; overflow: hidden;}
#blocTop #tabs li a span {display: none;}
#blocTop #tabs a.active-tab {background-position: 0 -31px;}

#blocTop #tabs li#tapTopA {width: 99px;}
#blocTop #tabs li#tapTopB {width: 129px;}

#blocTop #tabs li#tapTopA {margin-right: 2px;}

#blocTop p {font-size: 11px; color: #07578e; margin-bottom: 10px;}

#blocTop .panel {
   width: 210px; height: 140px; padding: 10px; display: none;
   background: #a6dcf3 url(../_medias/bgPanel.gif) no-repeat left bottom;}
#blocTop .panel.active-tab-body {display: block;}

#blocTop .panel ul {list-style: none;}
#blocTop .panel ul li {line-height: 16px;}
#blocTop .panel ul li a {text-decoration: none; color: #07578e; font-weight: bold; font-size: 11px;}
#blocTop .panel ul li a:hover {color: #009ee0;}

#blocTop .lnkPlus {
   display: block; text-align: right; color: #009ee0;
   text-decoration: none; padding-top: 5px; font-size: 11px; font-weight: bold;}
#blocTop .lnkPlus:hover {text-decoration: underline;}

/*************************************************************** Bloc Pro */

#blocPro {width: 200px; margin-bottom: 20px;}

#blocPro h3 a:hover {background-position: 0 -135px;}

#blocPro fieldset {
   border: 0; background: transparent url(../_medias/bgFormBlocPro.gif) repeat-y;
   padding: 0 20px;}
#blocPro fieldset label {display: none;}

#blocPro fieldset #votreEmail,
#blocPro fieldset #votreMdp {
   height: 16px; line-height: 16px; border: 1px #999 solid;
   padding: 0 2px; font-size: 10px;}

#blocPro fieldset #votreEmail {width: 156px; margin-bottom: 5px;}
#blocPro fieldset #votreMdp {width: 116px; margin-right: 3px;}

#blocPro fieldset #votreMdp,
#blocPro fieldset .btnOk {float: left;}

#blocPro p {font-size: 9px; line-height: 12px; color: #333; margin-bottom: 10px;}

#blocPro ul {list-style: none; padding-top: 5px; clear: both;}
#blocPro ul li a {font-size: 10px; color: #333;}

#basBlocPro {width: 200px; height: 20px; background: transparent url(../_medias/basFormBlocPro.gif) no-repeat left bottom;}

/*************************************************************** Bloc newsletter */

#blocNewsletter {
   width: 200px; height: 105px; border: 0;
   background: transparent url(../_medias/bgBlocNewsletter.gif) no-repeat left bottom;}
#blocNewsletter h5 {font-size: 10px; margin: 0 10px 8px 10px; font-weight: normal;}
#blocNewsletter label {display: none;}
#blocNewsletter #votreEmail2 {
   height: 16px; line-height: 16px; border: 1px #7ac7ec solid; margin-left: 10px;
   padding: 0 2px; font-size: 10px; width: 133px; float: left; margin-right: 5px;}
#blocNewsletter .btnOk {float: left;}

/******************************************************************************************/
/*                                                                 Elements de formulaire */
/******************************************************************************************/

.intro {margin-bottom: 15px;}

.lineForm,
.lineCheck,
.lineRadio {margin-bottom: 10px;}

.noBorder {border: 0;}
.obligatoire {font-weight: bold; margin-bottom: 10px; font-size: 10px; margin-top: 40px;}
.mentions {font-size: 10px;}

#blocCoordonnees label,
#blocDesabonnement label {width: 400px;}

/******************************************************************************************/
/*                                                                                 Footer */
/******************************************************************************************/

#footer {width: 100%; background: transparent url(../_medias/bgFooter.gif) repeat-x; padding: 15px 0 30px 0;}

#contentFooter {width: 980px; margin: auto;}

#footer ul {
   list-style: none; border-left: 1px #a8daf1 solid;
   padding-left: 10px; float: left; width: 25%; font-size: 11px; text-decoration: none; line-height: 16px; color: #777;}
#footer ul li a {font-size: 11px; text-decoration: none; line-height: 16px; color: #777;}
#footer ul li strong {display: block; padding-bottom: 12px;}

.colPro {margin-top: 20px;}

#colMobil {}
#colServices {}
.colPro {}

#btnCharte {
   display: block; height: 37px; padding: 10px 0 0 52px; width: 120px; margin: 30px 0 0 40px;
   background: transparent url(../_medias/charteCamping.png) no-repeat; float: left;
   font-size: 11px; font-weight: bold; text-decoration: none; line-height: 12px;}

/******************************************************************************************/
/*                                                                             Actualités */
/******************************************************************************************/

.uneActu {margin-bottom: 10px;}
.uneActu .date {font-weight: bold; font-size: 11px;}
.uneActu h2 {font-size: 14px;}
.uneActu h2 a {text-decoration: none;}
.uneActu .btnSuite {
   border-bottom: 1px #ddd solid;
   text-align: right; padding-bottom: 5px;}

#blocActualites .uneActu {
   float: left; width: 470px;
   padding: 0 20px 0 0;}

/******************************************************************************************/
/*                                                                              Corporate */
/******************************************************************************************/

#navCorporate,
#zoneContent {float: left;}

#navCorporate {width: 150px; list-style: none;}
#navCorporate li {border-bottom: 1px #bbb dotted;}
#navCorporate li a {
   font-weight: bold;
   text-decoration: none;
   display: block; padding: 5px 0;}

#zoneContent {width: 810px; padding-left: 20px;}

/******************************************************************************************/
/*                                                                                    FAQ */
/******************************************************************************************/

#navFaq,
#zoneContent {float: left;}

#navFaq {width: 150px; list-style: none;}
#navFaq li {border-bottom: 1px #bbb dotted;}
#navFaq li a {
   font-weight: bold;
   text-decoration: none;
   display: block; padding: 5px 0;}
#navFaq li a.selected {color: #333;}

.jsReponse .btnFermer {
   display: block; float: right;
   width: 16px; height: 16px; margin: 0 0 20px 20px;
   background: transparent url(../_medias/cross.png) no-repeat;
   text-indent: -5000px; overflow: hidden;}

/******************************************************************************************/
/*                                                                                Lexique */
/******************************************************************************************/

#alphabet {list-style: none; width: 980px; height: 20px;}
#alphabet li {
   width: 20px; height: 20px; margin-right: 2px;
   background-color: #ddd; text-align: center;
   line-height: 20px; float: left;}
#alphabet li.selected a {
   background-color: #85b66a; text-align: center;
   font-weight: bold; color: #fff; display: block;
   width: 20px; height: 20px; line-height: 20px;}

/******************************************************************************************/
/*                                                                               Annonces */
/******************************************************************************************/

.pageAnnonces #mainContent h1 {font-size: 26px; font-weight: normal; margin-bottom: 25px; line-height: 26px;}

#colFiltres,
#colResults {float: left;}

#colFiltres {width: 280px;}
#colResults {width: 680px; padding-left: 20px;}

#colFiltres fieldset {font-size: 11px;}

#blocSearch {
   width: 280px; border: 0; padding-top: 15px; margin-bottom: 15px;
   background: transparent url(../_medias/bgBlocSearch.gif) no-repeat;}
#blocSearch .lineForm label {width: 100px; display: block; float: left;}
#blocSearch .lineForm select {width: 150px; }
#blocSearch .lineForm,
#blocSearch .lineSubmit {padding: 0 15px;}
#blocSearch .lineSubmit {
   background: transparent url(../_medias/basBlocSearch.gif) no-repeat left bottom;
   text-align: right; padding-bottom: 10px;}

#nbreAnnonces {font-size: 18px; color: #009ee0; margin-bottom: 15px; text-align: center; font-weight: normal;}

#blocFiltres {border: 0; width: 280px; border-top: 3px #a8daf1 solid; padding-top: 10px;}
#blocFiltres .lineRadio,
#blocFiltres .lineForm,
#blocFiltres .lineCheck {width: 280px; border-bottom: 1px #a8daf1 solid; padding-bottom: 6px;}
#blocFiltres .lineRadio span,
#blocFiltres .lineForm span,
#blocFiltres .lineCheck span,
#blocFiltres .lineForm label {width: 100px; display: block; float: left; color: #333; font-weight: bold;}
#blocFiltres ul {list-style: none; float: left; width: 180px;}
#blocFiltres ul li {margin-bottom: 3px; width: 180px;}
#blocFiltres ul li input {float: left; margin-right: 3px;}
#blocFiltres .InptBudget {width: 70px;}

#btnPlusCriteres {
   display: block; width: 270px; height: 30px;
   background: transparent url(../_medias/btnPlusCriteres.gif) no-repeat;
   font-size: 13px; color: #009ee0; font-weight: bold; text-decoration: none;
   line-height: 30px; padding-left: 10px;}

#blocPlusCriteres {
   border: 0; width: 280px; position: relative; top: -30px; z-index: 1;
   background: transparent url(../_medias/bgPlusCriteres.gif) no-repeat left bottom;}
#blocPlusCriteres .lineForm span,
#blocPlusCriteres .lineCheck span,
#blocPlusCriteres .lineForm label {width: 120px; display: block; float: left; color: #333; font-weight: bold;}
#blocPlusCriteres .lineForm,
#blocPlusCriteres .lineCheck {padding: 0 10px;}
#blocPlusCriteres ul {list-style: none; float: left; width: 140px;}
#blocPlusCriteres ul li {margin-bottom: 3px; width: 140px;}
#blocPlusCriteres ul li input {float: left; margin-right: 3px;}

#btnMoinsCriteres {
   display: block; width: 270px; height: 30px;
   background: transparent url(../_medias/btnMoinsCriteres.gif) no-repeat;
   font-size: 13px; color: #009ee0; font-weight: bold; text-decoration: none;
   line-height: 30px; padding-left: 10px;}

/*************** pagination */

.pagination {width: 680px; height: 24px; border-bottom: 1px #a8daf1 solid; margin-bottom: 20px;}
.pagination ul {list-style: none;}
.pagination ul li {float: left; }
.pagination ul li a {display: block; height: 20px;}

.pagination ul.nbrePages li {margin-right: 5px;}
.pagination ul.nbrePages li a {
   width: 20px; text-align: center; line-height: 18px; text-decoration: none;
   background: transparent url(../_medias/bgNbrePages.gif) no-repeat;
   font-size: 14px; font-weight: bold; color: #fff;}
.pagination ul.nbrePages li a:hover,
.pagination ul.nbrePages li a.selected {background-position: 0 -20px;}

.pagination ul.suitePages {width: 70px; float: right;}
.pagination ul.suitePages li a {width: 30px; text-indent: -5000px; overflow: hidden;}
.pagination ul.suitePages li a:hover {background-position: 0 -20px !important;}
.pagination ul.suitePages li.btnPrecedent {margin-right: 10px;}
.pagination ul.suitePages li.btnPrecedent,
.pagination ul.suitePages li.btnSuivant {float: right;}
.pagination ul.suitePages li.btnPrecedent a {background: transparent url(../_medias/btnPrecedent.gif) no-repeat;}
.pagination ul.suitePages li.btnSuivant a {background: transparent url(../_medias/btnSuivant.gif) no-repeat;}

.pagination ul.suitePages li a.disabled {background-position: 0 -40px !important; cursor: default;}

.pagination .btnRetour {text-decoration: none; font-size: 11px; color: #009ee0; font-weight: bold; position: relative; top: 7px;}

#blocCriteres {width: 680px; margin-bottom: 25px;}
#blocCriteres p {margin-bottom: 10px;}
#blocCriteres p strong {font-size: 12px; color: #009ee0;}
#blocCriteres a {
   display: block; float: left;text-decoration: none; font-size: 11px;
   font-weight: bold; color: #333; padding-right: 15px; margin-right: 20px;
   background: transparent url(../_medias/btnCritere.gif) no-repeat right;}

ul#tri {list-style: none; width: 680px; height: 20px;}
ul#tri li {float: left;}
ul#tri li a {font-size: 11px; color: #009ee0;}
ul#tri li a.selected {font-weight: bold; text-decoration: underline;}

.listeAnnonces td.cellVisuel,
#listeBonnesAffaires td.cellVisuel {width: 80px;}

.listeAnnonces td.cellModele,
#listeBonnesAffaires td.cellModele {width: 130px;}

#triModele {width: 210px; text-align: center;}

.listeAnnonces td.cellPrix,
#listeBonnesAffaires td.cellPrix,
#triPrix {width: 90px; text-align: center;}

.pageAnnoncesPro .listeAnnonces td.cellPrix {width: 190px;}

.listeAnnonces td.cellLargeur,
#listeBonnesAffaires td.cellLargeur,
#triLargeur {width: 50px; text-align: center;}

.listeAnnonces td.cellLongueur,
#listeBonnesAffaires td.cellLongueur,
#triLongueur {width: 50px; text-align: center;}

.listeAnnonces td.cellAnnee,
#listeBonnesAffaires td.cellAnnee,
#triAnnee {width: 52px; text-align: center;}

.listeAnnonces td.cellLieu,
#listeBonnesAffaires td.cellLieu,
#triLieu {width: 160px;}

.pageAnnoncesPro .listeAnnonces td.cellLieu {width: 200px; text-align: center; font-weight: bold;}

.listeAnnonces td.cellEmpla,
#listeBonnesAffaires td.cellEmpla,
#triVente {width: 38px;}

.listeAnnonces td.cellCharte,
#listeBonnesAffaires td.cellCharte {width: 30px; text-align: center;}

.cellCharte span {display: block; text-indent: -5000px; overflow: hidden; margin: 0 auto 5px auto;}
span.charte {background: transparent url(../_medias/pictoCharte.png) no-repeat; width: 22px; height: 23px;}
span.garantie {background: transparent url(../_medias/pictoGarantie.png) no-repeat; width: 20px; height: 18px;}

.listeAnnonces {border-collapse: collapse; margin-bottom: 30px;}
.listeAnnonces td {line-height: 16px; color: #666; font-size: 11px; padding: 8px 0;}
.listeAnnonces td img {margin: 0 10px; border: 0;}
.listeAnnonces td h2 a {font-size: 12px; font-weight: bold; color: #333;}
.listeAnnonces td h3 a {font-size: 11px; font-weight: bold;}
.listeAnnonces td span.ref a {font-size: 11px;}
.listeAnnonces td .prix {
   display: block; width: 76px; height: 20px; line-height: 20px; font-weight: bold; font-size: 12px; float: none;
   color: #fff; text-align: center; background: transparent url(../_medias/bgPrixListAnnonces.png) no-repeat; margin: auto;}
.listeAnnonces .trColor {background-color: #ecf6fb;}
.listeAnnonces .surEmplacement,
.listeAnnonces .sansEmplacement {
   width: 28px; height: 29px; padding-left: 0;
   text-indent: -5000px; overflow: hidden;top: 0;
   padding-top: 0; margin-top: 0; display: block;}

.listeAnnonces td a {text-decoration: none; color: #666666;}

.listeAnnonces .bonneAffaireClaire td,
.listeAnnonces .bonneAffaireFoncee td {line-height: 16px; color: #666; font-size: 11px; padding: 8px 0; font-weight: bold;}

.listeAnnonces .bonneAffaireClaire td span.ref,
.listeAnnonces .bonneAffaireFoncee td span.ref {font-size: 11px; font-weight: normal;}

.listeAnnonces .bonneAffaireClaire td .prix,
.listeAnnonces .bonneAffaireFoncee td .prix {
   display: block; width: 76px; height: 20px; line-height: 20px;
   font-weight: bold; font-size: 12px; float: none;
   color: #222; text-align: center;  margin: auto;
   background: transparent url(../_medias/bgPrixListBonnAff.png) no-repeat !important;}

.listeAnnonces .bonneAffaireClaire {background-color: #fffde0;}
.listeAnnonces .bonneAffaireFoncee {background-color: #fffab9;}

.listeAnnonces .lineHover {background-color: #d6edf8;}
.listeAnnonces .lineBonnAffHover {background-color: #fff89d;}

.listeAnnonces td.cellPrix span.affaire,
#listeBonnesAffaires td.cellPrix span.affaire {
   display: block; position: relative; top: 3px; font-size: 10px;
   text-transform: uppercase; font-weight: bold; color: #222;}

.listeAnnonces td.cellPrix span.exclusif,
#listeBonnesAffaires td.cellPrix span.exclusif {
   display: block; margin: -6px auto 3px auto !important; text-decoration: blink;
   text-transform: uppercase; font-weight: bold; color: #666; font-size: 10px;
   background-color: #cc0000; color: #fff; height: 14px; line-height: 14px; width: 75px;}

.pageAnnoncesPro #colResults {width: 750px; padding-left: 0;}
.pageAnnoncesPro .pagination {width: 750px;}

.pageAnnoncesPro .listeAnnonces td .prix {
   width: 150px; height: 31px; line-height: 12px; padding-top: 4px;
   background: transparent url(../_medias/bgPrixListAnnoncesPro.png) no-repeat;}

.pageAnnoncesPro .listeAnnonces .bonneAffaireClaire td .prix,
.pageAnnoncesPro .listeAnnonces .bonneAffaireFoncee td .prix {
   width: 150px; height: 31px; line-height: 12px; padding-top: 4px;
   background: transparent url(../_medias/bgPrixListBonnAffPro.png) no-repeat !important;}

/******************************************************************************************/
/*                                                                          Fiche produit */
/******************************************************************************************/

#pageFicheProduit #mainContent {width: 980px; /*position: relative;*/}

#pageFicheProduit #mainContent h1 {
   width: 590px; height: 37px;
   background: transparent url(../_medias/bgTitreAnnonce.gif) no-repeat;
   margin-bottom: 27px; line-height: 33px; padding-left: 10px;}

#pageFicheProduit .pagination {width: 750px;}

#prixRef { float: right; width: 140px;}
#prixRef .prix {
   width: 140px; height: 37px; text-align: center; line-height: 37px;
   background: transparent url(../_medias/prixFiche.gif) no-repeat;
   color: #fff; font-weight: bold; font-size: 23px; float: right;
   margin-bottom: 5px;}
#prixRef .reference {font-size: 10px; color: #666; text-align: center;}

.pageFicheProduitPro #prixRef .prix {
   font-size: 14px !important; line-height: 14px; padding-top: 3px; height: 34px;}

#blocVisuel,
#blocTextes {float: left;}

/**************** bloc visuel */

#blocVisuel {width: 450px; margin-bottom: 10px; margin-right: 20px;}

#grosVisuel {width: 380px; float: left;}

#blocVisuel .zoom {width: 380px; background: transparent url(../_medias/bgBlocVisuel.gif) no-repeat;}
#blocVisuel .zoom img {margin: 10px; border: 0; /*width: 360px; height: 270px;*/}
#blocVisuel .legende {
   width: 360px; padding: 0 10px 10px 10px; font-size: 10px; margin-bottom: 20px;
   background: transparent url(../_medias/bgLegende.gif) no-repeat left bottom;}
#blocVisuel .legende .zoneScroll {width: 360px; height: 50px; overflow: auto;}

#vignettes {width: 60px; float: left; margin-left: 10px; overflow: hidden;}
#vignettes .containerVignettes {width: 60px; height: 226px; overflow: hidden;}

#vignettes ul {list-style: none; width: 60px; height : 3000px; position : relative; z-index : 1}
#vignettes ul li {margin-bottom: 10px;}
#vignettes ul li,
#vignettes ul li a {width: 60px; }
#vignettes ul li img {border: 0;}

#vignettes .flecheHaut,
#vignettes .flecheBas {display: block; width: 60px; height: 20px; text-indent: -5000px; overflow: hidden;}

#vignettes .flecheHaut {background: transparent url(../_medias/flecheHaut.gif) no-repeat; margin-bottom: 10px;}
#vignettes .flecheBas {background: transparent url(../_medias/flecheBas.gif) no-repeat;}

/******************** descriptif sous visuel */

.colDesc {float: left; width: 33%; font-size: 11px; line-height: 14px; margin-bottom: 10px;}
.colDesc p {margin-bottom: 10px;}
.colDesc h3 {display: block; margin-bottom: 8px; font-size: 11px;}

#blocDescEmplacemt {
   width: 430px; padding: 10px;
   background: transparent url(../_medias/bgBlocDescEmplacemt.gif) no-repeat;}
#blocDescEmplacemt h3 {display: block; font-size: 11px; margin-bottom: 8px;}
#blocDescEmplacemt .colDesc p {margin-bottom: 0;}
#blocDescEmplacemt .colDesc {width: 50%;}
#piedBlocDescEmplacemt {
   width: 450px; height: 10px;
   background: transparent url(../_medias/piedBlocDescEmplacemt.gif) no-repeat left bottom;}

/******************** bloc textes */

#blocTextes {width: 280px;}

#blocTextes .zoneTextes {line-height: 16px; font-size: 11px; margin-bottom: 18px;}

#blocTextes span.charte,
#blocTextes span.garantie {
   display: block; text-indent: -5000px;
   overflow: hidden; margin: 0 auto 5px auto;}

#infosPlus {float: right; width: 22px; margin-left: 8px;}

#encart {
   width: 280px; font-size: 10px; line-height: 18px;
   background: transparent url(../_medias/bgEncart.gif) no-repeat;
   margin-bottom: 12px;}
#encart #zoneEncart {padding: 10px 10px 0 10px;}
#encart #basEncart {width: 280px; height: 10px; background: transparent url(../_medias/basEncart.gif) no-repeat left bottom;}

#blocTextes .surEmplacement,
#blocTextes .sansEmplacement {font-size: 12px; color: #888; line-height: 18px; margin-bottom: 20px; position: relative; top: 0;}

#outils {list-style: none; margin-bottom: 30px; width: 250px;}
#outils li {margin-bottom: 10px;}
#outils li a {
   width: 190px; height: 30px;
   display: block; text-indent: -5000px; overflow: hidden;}

/*
#outils li#btnImprimer {display: none;}
*/

.notaBene {font-size: 9px; color: #999;}
.notaBene p {margin-bottom: 5px;}

/************************************ Layer contacter le vendeur */

#pageContactVendeur h1 {
   font-weight: normal; font-size: 28px; width: 400px;
   position: relative; top: -5px; margin-bottom: 10px;}

#pageContactVendeur {
   border: 3px #a9ddf3 solid; background-image: none;
   background-color: #fff; padding: 15px;}

#pageContactVendeur p {margin-bottom: 10px;}

#pageContactVendeur #btnFermer {
   display: block; float: right;
   background: transparent url(../_medias/btnCritere.gif) no-repeat right 2px;
   text-decoration: none; padding-right: 15px; font-weight: bold;}
#layerContactVendeur fieldset {border: 0; font-size: 11px; margin-bottom: 15px;}
#layerContactVendeur legend {font-weight: bold; font-size: 13px; margin-bottom: 10px; color: #000;}
#layerContactVendeur .colForm {width: 330px; float: left;}
#layerContactVendeur .colForm input,
#layerContactVendeur .colForm select {width: 154px;}
#layerContactVendeur .colForm label,
#layerContactVendeur .lineText label {display: block; float: left; width: 150px; text-align: right; padding-right: 3px;}
#layerContactVendeur .lineText textarea {width: 500px; height: 70px;}
#layerContactVendeur .lineNewsletter {padding-left: 153px;}

#layerContactVendeur .lineSubmit {text-align: center; padding: 15px 0;}

/******************************************************************************************/
/*                                                                           Pages libres */
/******************************************************************************************/

.pageLibre #colAccueilD h1 {font-size: 26px; font-weight: normal; line-height: 26px; margin-bottom: 20px;}

.pageLibre .blocPartenaire {width: 728px;}

.pageLibre .zoneTexte h2 {font-size: 12px; margin-bottom: 10px;}

#btnDemandeAcces {display: block; text-indent: -5000px; overflow: hidden; margin: 0 0 20px 170px;}

/******************************************************************************************/
/*                                                                            Partenaires */
/******************************************************************************************/

#pagePartenaires #tabs,
#pagePartenaires .panel {float: left;}

#pagePartenaires #tabs {list-style: none; width: 180px; padding-right: 20px;}
#pagePartenaires #tabs li {line-height: 24px; font-size: 13px; text-align: right;}
#pagePartenaires #tabs li a {text-decoration: none; color: #222;}
#pagePartenaires #tabs a.active-tab {border-bottom: 2px #009ee0 solid;}

#pagePartenaires .panel {width: 550px; display: none;}
#pagePartenaires .panel.active-tab-body {display: block;}

#pagePartenaires #colAccueilD h1 {font-size: 26px; font-weight: normal; line-height: 26px; margin-bottom: 20px;}
#pagePartenaires #colAccueilD h2 {
   font-size: 20px; font-weight: normal; color: #009ee0;
   margin-bottom: 10px;}

.blocPartenaire {
   width: 528px; border: 1px #ddd solid; padding: 10px; min-height: 75px;
   margin-bottom: 10px; font-size: 11px; line-height: 15px;}
.blocPartenaire .logoPart {
   float: left; margin-right: 10px; width: 100px;
   min-height: 75px; text-align: right;}
.blocPartenaire h3 {font-size: 14px; text-transform: uppercase; padding-top: 5px;}
.blocPartenaire p {margin-bottom: 0;}
.blocPartenaire a {color: #009ee0;}

/******************************************************************************************/
/*                                                                                Contact */
/******************************************************************************************/

#colAccueilD legend {margin-bottom: 10px;}

.pageForm #colAccueilD h1,
#pageConfirmation #colAccueilD h1 {font-size: 26px; font-weight: normal; line-height: 26px; margin-bottom: 20px;}

.pageForm #colAccueilD h2 {font-size: 14px; margin-bottom: 15px;}

#pageConfirmation #colAccueilD h2 {font-size: 20px; font-weight: normal; color: #009ee0; margin-bottom: 10px;}
#pageConfirmation #colAccueilD p {margin-bottom: 10px;}

.pageForm #colAccueilD p {margin-bottom: 20px;}

.pageForm #colAccueilD fieldset {
   border: 1px #a9ddf3 solid;
   padding: 15px; margin-bottom: 15px;}
.pageForm #colAccueilD fieldset legend {font-weight: bold; font-size: 14px; background-color: #fff; padding: 0 10px;}

.pageForm #colAccueilD .colForm {width: 355px; float: left;}

.pageForm #colAccueilD .lineSubmit {text-align: right;}

/********** Bloc vos coordonnées */

#blocCoordonnees .colForm .lineForm label {
   color: #333; font-weight: bold; font-size: 11px;
   display: block; float: left; width: 170px; text-align: right; padding-right: 3px;}
#blocCoordonnees .colForm .lineForm input,
#blocCoordonnees .colForm .lineForm select {width: 170px; border: 1px #999 solid;}

/********** Bloc votre projet de vente */

#blocProjetVente .lineMarge {margin-bottom: 20px;}
#blocProjetVente .lineRadio span,
#blocProjetVente .lineForm label {
   color: #333; font-weight: bold; font-size: 11px;
   display: block; float: left; width: 170px; text-align: right; padding-right: 3px;}
#blocProjetVente .colForm .lineForm input,
#blocProjetVente .colForm .lineForm select {width: 170px; border: 1px #999 solid;}
#blocProjetVente .lineRadio input {margin-left: 10px;}
#blocProjetVente .lineRadio ul {list-style: none;}
#blocProjetVente .lineRadio ul li {float: left; padding-right: 20px;}
#blocProjetVente .lineRadio ul li input {margin-right: 5px;}

/********** Bloc votre demande */

#blocDemande label {
   display: block; float: left; width: 170px; text-align: right;
   padding-right: 3px; color: #333; font-weight: bold; font-size: 11px;}
#blocDemande textarea {width: 530px; height: 70px; border: 1px #999 solid;}

/********** Bloc votre projet d'achat */

#blocProjetAchat .lineMarge {margin-bottom: 20px;}
#blocProjetAchat .lineCheck span,
#blocProjetAchat .lineRadio span,
#blocProjetAchat .lineForm label {
   color: #333; font-weight: bold; font-size: 11px;
   display: block; float: left; width: 170px; text-align: right; padding-right: 3px;}
#blocProjetAchat .lineForm input,
#blocProjetAchat .lineForm select {border: 1px #999 solid;}
#blocProjetAchat .lineRadio input {margin-left: 10px;}
#blocProjetAchat ul {list-style: none;}
#blocProjetAchat ul li {margin-bottom: 3px; float: left;}
#blocProjetAchat ul li label {padding-right: 15px; font-size: 11px;}
#blocProjetAchat ul li input {float: left; margin-right: 3px; width: auto !important;}
#blocProjetAchat .lineCheck ul li.dimLabel1 {width: 110px;}
#blocProjetAchat .lineCheck ul li.dimLabel2 {width: 85px;}
#blocProjetAchat .lineCheck ul li.dimLabel3 {width: 140px;}
#blocProjetAchat .lineCheck ul li.dimLabel4 {width: 90px;}

/********** Bloc lieu d'implantation */

#blocLieuImplant .lineRadio span,
#blocLieuImplant .lineForm label {
   color: #333; font-weight: bold; font-size: 11px;
   display: block; float: left; width: 170px; text-align: right; padding-right: 3px;}
#blocLieuImplant .lineRadio input {margin-left: 10px;}
#blocLieuImplant ul {list-style: none;}
#blocLieuImplant ul li {margin-bottom: 3px; float: left;}
#blocLieuImplant ul li label {padding-right: 15px; font-size: 11px;}
#blocLieuImplant ul li input {float: left; margin-right: 3px; width: auto !important;}
#blocLieuImplant .lineForm select,
#blocLieuImplant .lineForm input {border: 1px #999 solid;}

/********** Bloc type de contact */

#blocTypeContact {padding: 15px 15px 5px 15px !important;}
#blocTypeContact .colForm {width: 300px !important; padding-left: 40px;}
#blocTypeContact span {color: #333; font-weight: bold; font-size: 11px; display: block; margin-bottom: 15px;}
#blocTypeContact ul {list-style: none;}
#blocTypeContact ul li {float: none; margin-bottom: 10px;}
#blocTypeContact ul li input {float: left; margin-right: 5px;}
#blocTypeContact,
#blocTypeContact legend {background-color: #eee !important;}
#blocTypeContact legend {
   border-top: 1px #ddd solid;
   border-left: 1px #ddd solid;
   border-right: 1px #ddd solid;
   padding-top: 3px !important;}
#blocTypeContact .lineCheck span {
   width: 80px !important; float: none !important;
   text-align: left !important; margin-bottom: 5px;}

/********** Bloc Vous */

#blocVous .lineForm label {
   color: #333; font-weight: bold; font-size: 11px; text-align: right; padding-right: 3px;
   display: block; margin-bottom: 10px; width: 150px; float: left;}

/********** Bloc votre société */

#blocVotreSociete .lineRadio span,
#blocVotreSociete .lineForm label {
   color: #333; font-weight: bold; font-size: 11px; text-align: right; padding-right: 3px;
   display: block; margin-bottom: 10px; width: 150px; float: left;}
#blocVotreSociete .lineRadio ul {list-style: none;}
#blocVotreSociete .lineRadio ul li {float: left; padding-right: 10px;}
#blocVotreSociete .lineRadio ul li input {float: left; margin-right: 5px;}

/********** Bloc abonner newsletter */

#blocAbonne .lineForm input,
#blocAbonne .lineForm select,
#blocLocalisation .lineForm input,
#blocLocalisation .lineForm select { border: 1px #999 solid;}

/********** Messages d'erreur */

.validation-advice,
#errMsg {
   display: block; font-weight: bold;
   background-color: #cc0000; padding: 2px 10px;
   color: #fff; margin-top: 10px;}

#blocProjetAchat .lineRadio,
#blocProjetVente .lineRadio {position: relative; }

#blocProjetAchat .lineRadio .validation-advice,
#blocProjetVente .lineRadio .validation-advice {
   position: absolute; right: 0; top: 0; margin-top: 0;
   width: 400px; color: #fff; text-align: center;}

/******************************************************************************************/
/*                                                                           Plan du site */
/******************************************************************************************/

#pagePlanSite #colAccueilD h1,
#pagesMentions #colAccueilD h1 {font-size: 26px; font-weight: normal; line-height: 26px; margin-bottom: 20px;}

#pagesMentions #colAccueilD h2 {font-size: 20px; font-weight: normal; color: #009ee0; margin-bottom: 10px;}

#pagePlanSite #colAccueilD h2 {margin-bottom: 5px;}
#pagePlanSite #colAccueilD h2 a {
   font-size: 14px; color: #009ee0;
   margin-bottom: 10px; text-decoration: none;}
#pagePlanSite #colAccueilD h3 {margin-bottom: 5px; font-weight: normal;}
#pagePlanSite #colAccueilD h3 a {color: #666; text-decoration: none; font-size: 12px;}

.colPlan {width: 50%; float: left;}

/******************************************************************************************/
/*                                                                           Référentiels */
/******************************************************************************************/

.pageReferentiels #colAccueilD h1 {font-size: 26px; font-weight: normal; line-height: 26px; margin-bottom: 20px;}

.pageReferentiels #colAccueilD h2 {font-size: 16px; margin-bottom: 5px; margin-top: 20px; border-bottom: 1px #a9ddf3 solid;}

.pageReferentiels #colAccueilD ul.listeRef {list-style: none;}
.pageReferentiels #colAccueilD ul.listeRef li {float: left; width: 33%; font-size: 11px; margin-bottom: 5px;}
.pageReferentiels #colAccueilD ul.listeRef li a {text-decoration: none; color: #666;}
.pageReferentiels #colAccueilD ul.listeRef li h2,
.pageReferentiels #colAccueilD ul.listeRef li h3 {display: inline; font-size: 12px; margin-bottom: 0; margin-top: 0; border-bottom: 0 !important;}
.pageReferentiels #colAccueilD ul.listeRef li h2 a,
.pageReferentiels #colAccueilD ul.listeRef li h3 a {font-size: 12px; color: #009ee0; text-decoration: none;}

.pageReferentiels #colAccueilD h2 a {text-decoration: none; color: #222;}

/*********************************** Sliders */

div.curseur {
   width: 250px; height: 40px; float: left;
   position: relative;}

div.slider {
   position: absolute; left: 0; top: 15px;
   background-color: #6b96b3;
   width: 250px; height: 5px;
   margin: 0;}

div.handle {
   margin: 0; padding: 0; width: 80px; height: 27px;
   cursor: move; position: absolute; top: -18px;}
.handleRight {text-align: right;}
.handleRight img {position: absolute; right: 0; bottom: 0;}
.handleLeft img {position: absolute; left: 0; bottom: 0; z-index:100}

div#minLongueur,
div#maxLongueur,
div#minLargeur,
div#maxLargeur {
   width: 80px; color: #6c93b0; margin-top: 10px;}

div#minLongueur {position: absolute; left: 0; bottom: 0; text-align: left;}
div#maxLongueur {position: absolute; right: 0; bottom: 0; text-align: right;}
div#minLargeur {position: absolute; left: 0; bottom: 0; text-align: left;}
div#maxLargeur {position: absolute; right: 0; bottom: 0; text-align: right;}