@import url(styles_lg.css);

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

body {
   color: #555; font-size: 11px;
   font-family: "Arial", Trebuchet MS, Helevetica, sans-serif;}

#allContent {
   width: 980px;
   margin: auto;
   position: relative;}
   
#colGauche,
#mainContent {float: left;}

#colGauche {width: 170px; padding-right: 20px;}
#mainContent {width: 790px; padding-bottom: 20px;}

/*********************************************************************************************/
/*                                                                          Eléments communs */
/*********************************************************************************************/

a {color: #044677;}

#content fieldset {border: 1px #ddd solid; margin-bottom: 15px; padding: 15px;}
#content fieldset legend {font-weight: bold; font-size: 14px; color: #896932;}
#content fieldset label {
   font-weight: bold; display: block; float: left;
   text-align: right; padding-right: 5px; cursor: pointer;}

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

input, textarea, select, option {
   font-family: "Arial", Trebuchet MS, Helevetica, sans-serif; 
   font-size: 11px; color: #555;}

input,
textarea {border: 1px #ddd solid; padding: 0 2px;}

.btnForm {
   background-color: #6891af; color: #fff; padding: 0 2px;
   font-weight: bold; border: 0; margin-left: 5px; cursor: pointer;}

#btnSubmit {
   background: transparent url(../../images/bgOngletConcess.gif) repeat-x 0 -26px; color: #fff; padding: 0 10px;
   font-weight: bold; border: 0; margin-left: 5px; height: 26px; cursor: pointer;}

#blocSearchMail p,
#blocSearchMail .lineForm {float: left;}

#blocSearchMail p {width: 430px; padding-right: 20px; margin-bottom: 0 !important;}
#blocSearchMail .lineForm {width: 268px; background-color: #e1eaef; padding: 10px 5px 10px 15px;}
#blocSearchMail .btnForm {width: 75px;}
#blocSearchMail #search_email {width: 130px;}

#emailFound {
   font-weight: bold; text-align: center; 
   background-color: #185782; color: #fff; padding: 5px;
   clear: both; margin-bottom: 10px;}

.lineSubmit {text-align: center;}

.noBorder {border: 0;}
.obligatoire {color: #044677;}
.mentions {font-size: 10px;}

.validation-advice {
   background-color: #cc0000; color: #fff; font-weight: bold; margin-top: 3px;
   display: block; padding: 2px 5px; text-align: center !important;}

/****************** fil d'ariane */

#ariane {
   list-style: none; width: 750px; height: 14px; font-size: 10px;
   border-bottom: 1px #abc4d4 solid; margin-bottom: 15px;}
#ariane li {float: left; padding-right: 5px; color: #044677;}
#ariane li a {
   color: #044677; padding-right: 10px; text-decoration: none;
   background: transparent url(../../images/flecheAriane.gif) no-repeat right 4px;}
#ariane li a:hover {text-decoration: underline;}

/*************** éléments de contenu */

#content {width: 770px; padding: 20px 10px 10px 10px;}

#content p {margin-bottom: 10px;}
#content h3 {font-size: 18px; font-weight: normal; color: #896932; margin-bottom: 10px;}
#content h4 {color: #044677; font-size: 14px; margin-bottom: 10px;}

#content ol {list-style-position: inside; margin-bottom: 10px;}

/*********************************************************************************************/
/*                                                                            Colonne gauche */
/*********************************************************************************************/

#colGauche {padding-top: 15px;}
#colGauche img {border: 0;}

#logoEYB,
#btnGrpeBeneteau,
#blocNewsletter,
#btnEstimGratuite,
#btnReseau,
#btnSGB,
#btnAugizeau,
#btnAugizeauNew {display: block; margin-bottom: 20px;}

#btnAugizeauNew {display: none;}

#btnGrpeBeneteau {margin-left: 16px;}

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

#blocNewsletter {border: 0; padding-top: 27px;}
#blocNewsletter legend,
#blocNewsletter label {display: none;}
#blocNewsletter p {margin-bottom: 9px;}
#blocNewsletter .blocForm {border: 1px #154979 solid; padding: 9px;}
#blocNewsletter input#contactEmailColGauche_ {width: 110px;}

/*** Bloc vous vendez votre bateau ? */

#btnEstimGratuite {font-weight: bold; text-decoration: none; padding: 110px 10px 10px 10px;}

/******************** Btn réseau EYB */

#btnReseau {text-decoration: none; padding: 43px 10px 0 10px; color: #fff; display: none;}

/*************** Btn SGB et Augizeau */

#btnSGB {margin-left: 20px;}
#btnAugizeau {margin-left: 10px;}

/*********************************************************************************************/
/*                                                                                   En-tête */
/*********************************************************************************************/

#enTete {
   width: 790px; height: 193px; position: relative; 
   background: transparent url(../../images/bgEntete.jpg) no-repeat;}

#language {list-style: none; height: 16px; float: right; margin-top: 7px;}
#language li {float: left;}
#language li a {
   display: block; color: #555; 
   font-size: 9px; text-decoration: none;
   background-repeat: no-repeat; padding-right: 7px;
   padding-left: 20px; line-height: 16px;}
#language li#vFR a {background-image: url(../../images/vFR.png);}
#language li#vEN a {background-image: url(../../images/vEN.png);}
#language li#vDE a {background-image: url(../../images/vDE.png);}
#language li#vES a {background-image: url(../../images/vES.png);}
#language li#vIT a {background-image: url(../../images/vIT.png);}
#language li#vNE a {background-image: url(../../images/vNE.png); display: none;}
#language li#vPT a {background-image: url(../../images/vPT.png);}

#navigation {list-style: none; position: absolute; left: 0; bottom: 7px; width: 560px; height: 21px;}
#navigation li {float: left;}
#navigation li a {display: block; background-repeat: no-repeat; height: 21px;}
#navigation li a span {display: none;}

#navigation li a:hover,
#pageVendreBateau li#navA a,
#pageAnnoncesVoile #navigation li#navB a,
#pageAnnoncesMoteur #navigation li#navC a,
.pageReseau #navigation li#navD a,
#pageApropos #navigation li#navE a {background-position: 0 -21px;}

#texteRef {font-weight: bold; position: absolute; left: 200px; top: 30px; z-index: 5; font-size: 11px; color: #004a7b;}
#texteRef span {font-weight: normal; color: #555;}

#slogan {width: 210px; text-align: center; position: absolute; right: 0; top: 167px; font-style: italic;}

/*********************************************************************************************/
/*                                                        Colonne centrale et colonne droite */
/*********************************************************************************************/

#colCentre, 
#colDroite {float: left;}

#colCentre {width: 560px;}
#colDroite {width: 210px; padding-left: 20px;}

/************************************************************************/
/*                                                  Recherche par categ */
/************************************************************************/

#searchMoteur,
#searchVoile {float: left; width: 275px; border: 0;}

#searchMoteur {margin-right: 10px;}

#searchMoteur legend,
#searchVoile legend,
#searchMoteur label,
#searchVoile label {display: none;}

.btnRecherche {
   display: block; width: 275px; height: 135px;
   color: #555; font-weight: bold; text-decoration: none;
   position: relative;}
.btnRecherche span {
   display: block; position: absolute; right: 5px; bottom: 0;
   height: 20px; width: 125px; padding-left: 7px; line-height: 20px;
   background: #fff url(../../images/pictoRecherche.gif) no-repeat 117px 5px;
   cursor: pointer;}

.contentRecherche {background: transparent url(../../images/bgBlocSearch.jpg) repeat-x; padding-bottom: 20px;}

.lstSearch {padding: 10px; clear: both; width: 255px;}
.lstSearch a {color: #004a7b; font-weight: bold;}
.lstSearch a.lnkTous {
   color: #8b6c36; text-decoration: none; padding-left: 10px;
   background: transparent url(../../images/flecheOr.png) no-repeat 0 3px;
   display: block; float: right; margin-top: 5px;}

.plainSearch {
   border: 1px #8dadc4 solid; width: 253px; height: 20px;
   margin: 0 10px; position: relative;
   background: #fff url(../../images/imgSearch.gif) no-repeat 379px 1px !important ;}
.plainSearch input.inptSearch {border: 0; padding: 0; position: absolute; right: 1px; top: 1px;}
.plainSearch input#constModelMot,
.plainSearch input#constModelVoil { 
   font-size: 12px; height: 18px; line-height: 18px; width: 365px; border: 0;
   position: absolute; left: 1px; top: 1px;}

#pageAccueil .plainSearch,
#pageAccueil .plainSearch {background-position: 222px 1px !important;}

#pageAccueil .plainSearch input#constModelMot,
#pageAccueil .plainSearch input#constModelVoil {width: 210px;}

/************************************************************************/
/*                                                       Autocomplétion */
/************************************************************************/

#autoCompleteMoteur,
#autoCompleteVoilier {
   border: 1px solid #8dadc4; background: #fff; z-index: 500;
   margin /*\**/: 1px 0 0 -13px\9}

#autoCompleteMoteur ul,
#autoCompleteVoilier ul {list-style: none;}

#autoCompleteMoteur li,
#autoCompleteVoilier li {margin-left: 3px;}

#autoCompleteMoteur a,
#autoCompleteVoilier a {display: block; padding: .2em .3em; text-decoration: none; color: #333;}

#autoCompleteMoteur ul li a,
#autoCompleteVoilier ul li a {display: block; padding: .2em .3em; text-decoration: none; font-weight:normal; color: #333;}

.pageAnnonces #autoCompleteMoteur,
.pageAnnonces #autoCompleteVoilier {
   position: absolute; left: 50px !important; top: 21px !important; 
   width: 410px !important;
   margin /*\**/: 20px 0 0 20px\9}

.autoCompleteGroup {font-weight:bold;}

#autoCompleteConstrGroup,
#autoCompleteModGroup {
   text-transform: uppercase; 
   background-color: #8dadc4;
   color: #fff; font-weight: bold;
   margin-right: 3px; padding-left: 5px;}

#autoCompleteConstrGroup {margin-bottom: 5px; margin-top: 3px;}
#autoCompleteModGroup {margin-top: 5px;}

.autoCompleteConstr {
   background-color: #eee; font-weight: bold; 
   color: #555; border-bottom: 1px #fff solid;}

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

#blocActualites .titreActu {border-bottom: 1px #d9d7d7 solid; margin-bottom: 12px;}
#blocActualites .titreActu span {display: none;}

.actu {margin-bottom: 10px;}
.actu img {float: left; margin-right: 15px; border: 0;}
.actu h3 {font-size: 14px; margin-bottom: 5px;}
.actu h3,
.actu h3 a {color: #8b6c36; text-decoration: none;}
.actu .zoneTexte {margin-bottom: 5px;}
.actu .lnkActu {color: #004a7b; text-decoration: none; font-weight: bold;}

/************************************************************************/
/*                                                        EYB sélection */
/************************************************************************/

#selectionEYB {position: relative; width: 560px;}
#selectionEYB select {position: absolute; top: 0; right: 0;}

.titreSelectionEYB {border-bottom: 3px #896d3a solid; margin-bottom: 14px;}
.titreSelectionEYB span {display: none;}

.selection {
   background: transparent url(../../images/bgSelectionEYB.jpg) repeat-x left bottom;
   position: relative; width: 540px; height: 90px; padding: 0 10px 10px 10px; margin-bottom: 10px;}
.selection img.visuSelect {float: left; border: 0; margin-right: 10px; width: 120px; height: 90px;}
.selection h2 {font-size: 14px; color: #8b6c36; margin-bottom: 3px;}
.selection h2 span {display: block; color: #555; font-size: 11px; text-transform: uppercase;}
.selection .zoneTexte {font-size: 12px; width: 245px; float: left; margin-top: 13px;}
.selection .logoYoListe {margin: 0 0 5px 5px; width: 76px;}

.lnkSelect {
   color: #004a7b; text-decoration: none; font-weight: bold;
   background: transparent url(../../images/flecheOr.png) no-repeat right;
   padding-right: 10px; position: absolute; right: 10px; bottom: 10px;}

.blocPrix {width: 166px; position: absolute; right: 0; top: 13px;}
.blocPrix .prix {position: absolute; right: 0; top: 0;}
.blocPrix .prix strong {display: block; color: #fff; font-size: 12px;}

table .blocPrix {width: 106px;}
table .blocPrix .prix {width: 85px;}

.new {
   display: block; width: 21px; height: 13px; float: right;
   background: transparent url(../../images/pictoNew.gif) no-repeat;}
.prix {
   background: transparent url(../../images/bgPrix.gif) repeat-x;
   color: #014b7c; text-align: center; width: 145px; height: 17px;
   line-height: 17px; font-size: 10px;}
.prixEnBaisse {
   width: 21px; height: 17px;
   background: transparent url(../../images/pictoPrixBaisse.gif) no-repeat;}
.exVat {
   width: 21px; height: 17px;
   background: transparent url(../../images/pictoExVat.gif) no-repeat;}
.dealPending {
   width: 85px; height: 17px; position: absolute; right: 0; top: 30px;
   background: transparent url(../../images/pictoDealPending.gif) no-repeat;}

.blocPrix span,
.new span {display: none;}

/*********************** Ma sélection */

#maSelection {
   display: block; margin-bottom: 15px; color: #004a7b;
   font-size: 12px; font-weight: bold; 
   text-decoration: none; float: right;}
#maSelection span {display: none;}

#pageAccueil #maSelection {float: none;}

#blocMaSelection {
   width: 480px;
   background-color: #fff; 
   border-left: 5px #c6c5c5 solid;
   border-top: 5px #c6c5c5 solid;
   border-bottom: 5px #c6c5c5 solid;
   border-right: 34px #c6c5c5 solid;
   position: absolute; left: 461px; top: 227px; z-index: 5;}

#blocMaSelection ul {padding: 5px 15px 15px 15px; list-style: none;}
#blocMaSelection ul li {border-bottom: 1px #ddd solid; padding: 10px 0;}
#blocMaSelection ul li img {border: 0; float: left; margin-right: 10px;}
#blocMaSelection ul li a {text-decoration: none; color: #555; font-size: 10px; display: block;}
#blocMaSelection ul li a.lnkMaSelect {}
#blocMaSelection ul li strong,
#blocMaSelection ul li em {display: block; font-style: normal;}
#blocMaSelection ul li strong {color: #886c39; font-size: 11px;}

#blocMaSelection a:hover {color: #222;}

#blocMaSelection .btnImprimer,
#blocMaSelection .btnInfos {
   float: left; font-weight: bold;
   margin: 0 20px 0 10px; padding-bottom: 10px;
   display: block; color: #555; text-decoration: none; padding-left: 14px;}

#blocMaSelection .btnInfos {background: transparent url(../../images/btnInfos.png) no-repeat 0 3px; display: none;}
#blocMaSelection .btnImprimer {background: transparent url(../../images/btnImprimer.png) no-repeat 0 2px;}

.btnSupprimer {
   float: right; font-size: 10px;
   height: 12px; color: #555; text-decoration: none; padding-left: 12px;
   background: transparent url(../../images/btnSupprimer.png) no-repeat 0 2px;}

#blocMaSelection .btnFermer {
   display: block; width: 14px; height: 14px; float: right; margin: 0 -24px 0 0;
   background: transparent url(../../images/btnFermer.gif) no-repeat;}
.btnFermer span {display: none;}

/********************** Bloc coup de coeur */

#blocCoupCoeur {padding-top: 30px; margin-bottom: 15px;}
.contentCC {border: 1px #8c6d37 solid; padding: 10px 24px;}
.contentCC h2 {color: #004a7b; font-size: 12px;}
.contentCC h2 span {color: #8b6c36; font-size: 11px; display: block;}
.contentCC .prix {
   width: 100px; height: 18px; text-align: center; float: right;
   background: transparent url(../../images/bgPrixCC.gif) repeat-x;
   color: #fff; line-height: 18px; font-size: 14px; font-weight: bold;}
.contentCC img {border: 0; margin-bottom: 5px;}
.contentCC .zoneTexte {text-align: right;}

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

#blocTop {background-color: #edeaea; margin-bottom: 15px;}
#blocTop p {color: #8b6c36; padding: 10px;}

#blocTop #tabs {list-style: none; height: 27px;}
#blocTop #tabs li {float: left;}
#blocTop #tabs li a {
	display: block;
   background-repeat: no-repeat;}
#blocTop #tabs li a span {display: none;}

#blocTop .panel {
	clear: both;
	display: none;
	background-color: #edeaea;}
#blocTop .panel.active-tab-body {display: block;}

.lstTop {background-color: #fff; margin: 0 10px 0 10px;}
.lstTop h3 {
   text-transform: uppercase; background-color: #d9d7d7; 
   font-size: 11px; width: 185px; height: 18px; line-height: 18px;
   padding-left: 5px;}
.lstTop ul {list-style: none; padding: 8px 5px;}
.lstTop ul li a {text-decoration: none; color: #555;}
.lstTop ul li a:hover {color: #222;}
.lstTop .lnkPlus {
   display: block; width: 190px; height: 20px; 
   text-align: right; background-color: #edeaea;
   color: #8b6c36; text-decoration: none; padding-top: 5px;}
.lstTop .lnkPlus:hover {text-decoration: underline;}

/************* Top constructeurs alone */

#blocTopConstructeurs {background-color: #edeaea; margin-bottom: 15px; clear: both;}
#blocTopConstructeurs h4 span {display: none;}
#blocTopConstructeurs p {color: #8b6c36; padding: 10px;}

/************* Top modèles alone */

#blocTopModeles {background-color: #edeaea; margin-bottom: 15px; clear: both;}
#blocTopModeles h4 span {display: none;}
#blocTopModeles p {color: #8b6c36; padding: 10px;}

/************************ Publicité 200x200 */

.pub {display: block; width: 210px; height: 210px; display: none;}
.pub img {border: 5px #dbd9d9 solid;}

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

#footer {clear: both; }

.center {text-align: center;}

#footer p {margin-bottom: 12px;}
#footer p a {color: #555;}
#footer a:hover {color: #222;}

#superFooter {border: 1px #d9d7d7 solid; width: 978px; height: 58px; margin-bottom: 20px;}
#superFooter ul {list-style: none;}
#superFooter ul li {float: left; height: 15px; line-height: 15px;}
#superFooter ul li a {text-decoration: none; color: #555; font-size: 10px;}

/***************** RSS */

#blocRss {
   background: transparent url(../../images/pictoRSS.gif) no-repeat 10px 14px;
   width: 242px; height: 30px; border-right: 1px #d9d7d7 solid;
   padding: 14px 0 14px 50px; float: left;}
#blocRss li {width: 130px; }
#blocRss li.colB {width: 111px;}

/***************** URLS */

#blocUrls {
   background: transparent url(../../images/pictoUrlExterne.gif) no-repeat 10px 14px;
   width: 369px; height: 30px; border-right: 1px #d9d7d7 solid;
   padding: 14px 0 14px 50px; float: left;}
#blocUrls li {width: 112px;}
#blocUrls li.colB {width: 123px;}
#blocUrls li.colC {width: 134px;}

/********************************************************************************/
/* En attendant que les flux RSS soient mis en place : à supprimer par la suite */
/********************************************************************************/

#blocRss {display: none;}
#blocUrls {padding: 14px 292px 14px 50px; }

/****************** Aide */

#blocAlerte {
   float: left; width: 255px; text-align: left !important; border: 0;
   padding: 10px 0 0 10px; font-size: 10px; line-height: 11px;}
#blocAlerte h4 {margin-bottom: 5px; display: block;}
#blocAlerte h4 span {display: none;}
#blocAlerte label {display: none;}
#blocAlerte input#contactEmailFooter_ {width: 180px; margin-left: 15px;}

/*********************************************************************************************/
/*                                                                               Pages corpo */
/*********************************************************************************************/

.pageCorporate #mainContent h2,
.pageActualites #mainContent h2 {width: 560px; height: 40px; background-repeat: no-repeat;}
.pageCorporate #mainContent h2 span,
.pageActualites #mainContent h2 span {display: none;}

#pageSGB #mainContent h2 {background-image: url(../../images/titreSGB.gif);}
#pageAugizeau #mainContent h2 {background-image: url(../../images/titreAugizeau.gif);}

.lstFlux {list-style: none; width: 730px; height: 40px; padding: 0 30px;}
.lstFlux li {float: left; width: 100px; height: 20px;}
.lstFlux li img {border: 0;}

#listeLecteurs {padding: 20px 100px;}

.btnGenerique {
   display: block; width: 250px; height: 26px; padding: 0 10px; line-height: 26px;
   color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; text-align: center;
   background: transparent url(../../images/bgOngletConcess.gif) repeat-x 0 -26px; margin-bottom: 10px;}

/*********************************************************************************************/
/*                                                                          Pages actualités */
/*********************************************************************************************/

#pageDetailActu .zoneTexte img {float: left; margin: 0 20px 15px 0;}
#pageDetailActu .zoneTexte h1 {
   color: #896932; font-size: 20px; margin-bottom: 10px; 
   line-height: 22px;}

.texte_rouge {color: #cc0000;}

/*********************************************************************************************/
/*                                                                              Page contact */
/*********************************************************************************************/

#pageContactEYB #mainContent h2 span {display: none;}

.colFormA,
.colFormB {width: 369px; float: left;}

#blocCoord label,
#blocDemande label {width: 150px;}
#blocCoord .colFormB label {width: 100px;}
#blocCoord input {width: 180px;}

#pageContactEYB #contact_address2_,
#pageContactEYB #contact_address3_ {margin-left: 105px;}

#blocDemande textarea {width: 500px; height: 60px;}

/*********************************************************************************************/
/*                                                                              layer contact */
/*********************************************************************************************/

#layerContactVendeur {
   width: 760px; height: 650px;
   background-color: #fff; padding: 10px;
   position: absolute; left: 100px; top: 30px;
   z-index: 600; background-color: #fff;}

#contentLayer {border: 1px #999 solid; padding: 10px;}

/*********************************************************************************************/
/*                                                                    Page vendre son bateau */
/*********************************************************************************************/

#pageVendreBateau #mainContent h2 span {display: none;}

#pageVendreBateau #blocCoord label {width: 130px;}

#blocVotreBateau .lineForm input {width: 180px;}
#blocVotreBateau .colFormA .lineForm label {width: 130px;}
#blocVotreBateau .colFormB .lineForm label {width: 150px;}

#pageVendreBateau #contact_address2_,
#pageVendreBateau #contact_address3_ {margin-left: 135px;}

#blocVotreBateau .lineRadio {margin-bottom: 10px; height: 18px;}
#blocVotreBateau .lineRadio span {display: block; float: left; width: 150px; text-align: right; font-weight: bold; padding-right: 5px;}
#blocVotreBateau .lineRadio label {display: inline !important; font-weight: normal;}
#blocVotreBateau .lineRadio input {border: 0; float: left; margin-right: 5px;}
#blocVotreBateau .lineRadio ul {list-style: none; float: left;}
#blocVotreBateau .lineRadio ul li {float: left; }
#blocVotreBateau p strong {color: #044677; font-size: 14px;}

#blocVotreBateau .lineRadio span.idemColFormA {width: 130px;}

#blocVotreBateau .intention {padding-top: 10px; margin-bottom: 0;}
#blocVotreBateau .intention span {width: 280px;}
#blocVotreBateau .intention ul {margin-top: 8px;}

#selectedPropVille ul {list-style: none; padding-left: 55px;}
#selectedPropVille ul li a {
   background: transparent url(../../images/flecheOr.png) no-repeat 0 3px;
   padding-left: 10px; text-decoration: none; display: block; font-weight: bold;}
#selectedPropVille ul li a:hover {text-decoration: underline;}

/*********************************************************************************************/
/*                                                                Page abonnement newsletter */
/*********************************************************************************************/

#pageNewsletter #mainContent h2 span,
#pageChoixTypeBateau #mainContent h2 span {display: none;}

#pageNewsletter .lineCheck {height: 20px; margin-bottom: 0;}
#pageNewsletter .lineCheck input {border: 0; float: left; margin-right: 5px;}

#pageNewsletter #contact_address2_,
#pageNewsletter #contact_address3_ {margin-left: 105px !important;}

/******************** onglets */

.pageForm #tabs {list-style: none; width: 750px; height: 26px;}
.pageForm #tabs li {float: left; height: 26px;}
.pageForm #tabs li a {
	display: block; height: 26px; padding: 0 12px;
   font-weight: bold; text-decoration: none; 
   text-transform: uppercase; color: #555; line-height: 26px; text-align: center;
   background: transparent url(../../images/bgOngletConcess.gif) repeat-x;}
.pageForm #tabs a.active-tab {background-position: 0 -26px; color: #fff;}

.pageForm #blocRecherche {
	clear: both; width: 560px;
	padding: 0; border-top: 3px #014b7b solid;}

.pageForm #tabs,
.pageForm #blocRecherche {margin-left: 100px;}

#pageChoixTypeBateau #tabs {display: none;}

#pageChoixTypeBateau #blocRecherche {border-top: 0; margin-left: 0;}

#btnVoilier,
#btnMoteur {border: 0;}

#choixTypeBato {list-style: none; margin-top: 20px; margin-left: 80px;}
#choixTypeBato li {float: left; margin-right: 50px;}

/*********************************************************************************************/
/*                                                                         Pages référentiel */
/*********************************************************************************************/

#pageConstructeurs #mainContent h2,
#pageModeles #mainContent h2 {width: 560px; height: 40px;}

#pageConstructeurs #mainContent h2 span,
#pageModeles #mainContent h2 span {display: none;}

.pageReferentiel #content {width: 540px;}
.pageReferentiel #content h3 {margin-bottom: 10px; font-size: 16px; font-weight: bold; width: 540px !important;}
.pageReferentiel #content h5 {color: #044677; font-size: 14px; margin-bottom: 10px; clear: both; padding-top: 10px;}

#pageConstructeurs #content h3 {margin-bottom: 20px;}

ul.lstReferentiel {list-style: none; margin-bottom: 15px;}
ul.lstReferentiel li {width: 270px; float: left; margin-bottom: 10px;}
ul.lstReferentiel li a {color: #555;}
ul.lstReferentiel li h4 {font-size: 14px; display: inline;}
ul.lstReferentiel li a:hover {color: #222;}

#pageModeles ul.lstReferentiel li {padding-left: 15px; width: 255px; margin-bottom: 5px;}
#pageModeles ul.lstReferentiel li h4 {font-size: 12px;}

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

.pageAnnonces #colCentre h2 span,
.pageAnnonces #mainContent h2 span {display: none;}

/**************************** Bloc de recherche */

.blocRecherche {
   border: 0 !important; width: 520px; padding: 20px !important; position: relative;
   background: transparent url(../../images/bgRecherche.jpg) repeat-x;}
   
.blocRecherche .lineCursor label,
.blocRecherche .lineForm label,
.blocRecherche .lineCheck span,
.blocRecherche .lineText span {
   font-weight: bold; display: block;
   float: left; padding-right: 5px;
   text-align: right; width: 110px;}
   
.blocRecherche .lineCursor {height: 30px; clear: both; margin-bottom: 15px;}
.blocRecherche .lineCursor label {padding-top: 8px;}

.blocRecherche .lineCheck,
.blocRecherche .lineText {width: 520px;}

.blocRecherche .lineText {height: 20px; }

#pageNewsletter #blocRecherche .lineText {margin-bottom: 20px; clear: both;}

.blocRecherche .lineCheck input {border: 0; float: left; margin-right: 5px;}
.blocRecherche .lineCheck ul {list-style: none; float: left; width: 405px;}
.blocRecherche .lineCheck ul li {float: left; width: 102px; height: 18px;}
.blocRecherche .lineCheck ul li label {font-weight: normal !important;}

.blocRecherche .lineText input {float: left; margin-right: 5px;}
.blocRecherche .lineText ul {list-style: none; float: left; width: 405px;}
.blocRecherche .lineText ul li {float: left; width: 190px; height: 18px;}
.blocRecherche .lineText ul li label {font-weight: normal !important; float: left;}

.blocRecherche .plainSearch {margin: 0 20px 15px 50px; width: 410px; }
.blocRecherche .plainSearch label {display: none;}

.blocRecherche .lnkDefinir {padding: 10px 0 0 65px; height: 20px;}
.blocRecherche .lnkDefinir a.btnDefLocaGeo {
   background: transparent url(../../images/flecheOr.png) no-repeat 0 3px;
   text-decoration: none; color: #555; font-weight: bold; padding-left: 12px; 
   float: left;}

.blocRecherche .lnkDefinir #infoLocalisation {
   margin-left: 5px; font-weight: bold; 
   color: #004a7b; float: left; padding: 0 5px 0 10px;}

.blocRecherche .lnkDefinir .btnSuppLocaGeo {
   display: block; width: 10px; height: 10px; overflow: hidden; text-indent: -100px;
   background: transparent url(../../images/btnSuppLocaGeo.gif) no-repeat; float: left;
   margin: 2px 0 0 0;}

/*********************************************/

.btnPlusCriteres,
.btnMoinsCriteres {
   text-decoration: none; font-weight: bold; display: block; 
   text-align: right; color: #8b6c36; height: 12px;}

#plusCriteresVoile,
#plusCriteresMoteur {
   margin-top: -12px; background-color: #fff;
   position: relative; width: 520px; }

.btnMoinsCriteres {position: absolute; right: 0; top: 0; z-index: 1;}

.titrePlusCriteres {margin-bottom: 15px;}
.titrePlusCriteres span {display: none;}

#zoneNavigation {
   border: 1px #154979 solid; background-color: #fff;
   padding: 10px; width: 768px; height: 350px;
   /*position: absolute; left: 190px; top: 193px;*/ }

#iFrameCarto {border: 0;}

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

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

#plusCriteresVoile .curseur,
#plusCriteresMoteur .curseur {position: absolute; left: 115px; top: 145px;}

#pageNewsletter #plusCriteresVoile .curseur {top: 118px;}
#pageNewsletter #plusCriteresMoteur .curseur {top: 128px;}

div.slider {
   position: absolute; left: 0; top: 15px;
   background-color: #6b96b3;
   width: 345px; 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,
div#minLargeur {position: absolute; left: 0; bottom: 0; text-align: left;}
div#maxLongueur,
div#maxLargeur {position: absolute; right: 0; bottom: 0; text-align: right;}

/**************** résultats de recherche */

#pageAnnoncesMoteur #content,
#pageAnnoncesVoile #content {width: 770px; padding: 0 10px 10px 10px;}

.seuilMax {
   float: right; background-color: #cc0000; color: #fff; 
   font-weight: bold; padding: 2px 10px; margin: 7px 270px 0 0;}

#nbreAnnonces {
   color: #004a7b; font-weight: bold; 
   font-size: 20px; 
   height: 32px; line-height: 32px;}
#nbreAnnonces img {float: left; margin: 0 10px 0 20px;}

h1.titreResultats {border-bottom: 1px #c8c8c8 solid; clear: both; margin-top: 30px; margin-bottom: 10px;}
h1.titreResultats span {display: none;}

.devise {
   float: right; position: relative; top: 18px; 
   font-size: 10px;}

#avertissement {
   font-weight: bold; font-size: 12px; 
   margin-bottom: 10px; color: #cc0000;}
#avertissement span {display: block; color: #044677; font-size: 18px; font-weight: normal;}

.msgAucuneAnn {float: left; padding: 8px 20px 0 0;}
#creerAlerte {float: left; margin-bottom: 10px;
   color: #fff; font-weight: bold; display: block; padding: 2px 5px 2px 15px;
   background: #004a7b url(../../images/flecheOr.png) no-repeat 5px 6px;
   margin: 5px 0 5px 0; text-decoration: none;}

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

.pagination {
   width: 300px; height: 18px; line-height: 18px; float: right; position: relative; text-align: center;
   background: transparent url(../../images/bgPagination.jpg) repeat-y right top; margin-top: 5px;}
.pagination a {
   text-decoration: none; color: #004a7b;
   font-size: 14px; font-weight: bold;
   text-align: center; padding: 0 5px;}
.pagination a span {display: none;}

.pagination a.btnPrecedent,
.pagination a.btnSuivant,
.pagination a.btnDebut,
.pagination a.btnFin {
   position: absolute; display: block;
   width: 10px; height: 18px; padding: 0 5px;}

.pagination a.btnPrecedent {background: transparent url(../../images/btnPrecedent.gif) no-repeat 5px 5px; left: 20px; top: 0;}
.pagination a.btnSuivant {background: transparent url(../../images/btnSuivant.gif) no-repeat 5px 5px; right: 20px; top: 0}
.pagination a.btnDebut {background: transparent url(../../images/btnDebut.gif) no-repeat 5px 5px; left: 0; top: 0;}
.pagination a.btnFin {background: transparent url(../../images/btnFin.gif) no-repeat 5px 5px; right: 0; top: 0;}

table {border-collapse: collapse; width: 100%; margin: 15px 0;}
table th a {color: #555;}
table th {padding-bottom: 8px;}
table td,
table th {text-align: left; vertical-align: top; }
table tr.color {background-color: #e3ebf0;}
table td img {border: 0;}

.cellA {width: 53px; padding: 10px;}
.cellB {width: 230px; padding: 10px 10px 10px 0;}
.cellC {width: 115px; padding: 10px 10px 10px 0; text-transform: uppercase;}
.cellD {width: 35px; padding: 10px 10px 10px 0;}
.cellE {width: 121px; padding: 10px 0 10px 10px;}
.cellF {width: 125px; padding: 10px;}
.cellG {width: 31px; padding: 10px 10px 10px 0; }

table td a {text-decoration: none; color: #555;}
table td em {font-style: normal; font-weight: bold; display: block;}
table td strong {display: block; color: #8b6c36; font-weight: bold;}
table td .blocPrix {position: relative; left: 0; top: 0;}

.logoYoListe {float: right;}

/******************************************************** Fiche bateau */

#pageFicheMoteur #content,
#pageFicheVoile #content {width: 750px; padding: 20px; background: transparent url(../../images/bgFiche.jpg) repeat-x;}

#outilsHaut {
   width: 750px; height: 35px; 
   position: relative;}

#pageFicheMoteur .devise,
#pageFicheVoile .devise {position: absolute; right: 0; top: 0;}

.pageAnnonces .btnRetour {
   display: block; color: #004a7b; font-weight: bold; text-decoration: none;
   background: transparent url(../../images/flecheRetour.png) no-repeat 0 2px;
   padding-left: 12px; line-height: 11px;}

#pageFicheMoteur .blocPrix,
#pageFicheVoile .blocPrix {
   position: absolute; right: 285px; top: 0; z-index: 15;
   width: 272px; text-align: left;}

#pageFicheMoteur .dealPending,
#pageFicheMoteur .exVat,
#pageFicheMoteur .prixEnBaisse,
#pageFicheMoteur .prix,
#pageFicheVoile .dealPending,
#pageFicheVoile .exVat,
#pageFicheVoile .prixEnBaisse,
#pageFicheVoile .prix {float: right; position: relative; left: 0; top: 0;}

#pageFicheMoteur .dealPending,
#pageFicheVoile .dealPending {top: -4px}

#pageFicheMoteur .leasingSuite,
#pageFicheVoile .leasingSuite {
   width: 145px; display: block; float: right; font-size: 10px; 
   margin-top: 15px; }

#pageFicheMoteur .leasingSuite em,
#pageFicheVoile .leasingSuite em {
   display: block;
   font-style: normal; padding-bottom: 5px;}

#pageFicheMoteur .com_leasing,
#pageFicheVoile .com_leasing {
   background: transparent url(../../images/commentLeasing.png) no-repeat;
   padding-left: 20px; text-align: left; cursor: pointer; position: relative;}

#jsComLeasing {
   background-color: #fff; padding: 5px; width: 530px; height: 50px; overflow: auto;
   position: absolute; left: -300px; top: -65px; z-index: 8000;}

#colFicheA,
#colFicheB {float: left;}

#colFicheA {width: 485px; padding-top: 25px;}
#colFicheB {width: 265px; padding-top: 10px;}

#colFicheA h1 {
   font-size: 22px; color: #004a7b; margin-bottom: 10px;
   text-transform: uppercase; font-weight: normal;}

#blocVisuel {width: 475px; margin-bottom: 10px; }

#logoYoFiche {position: absolute; left: 505px; top: -8px;}

.zoom {float: left; width: 400px; overflow: hidden;} /*Modif Yoyo pour mettre un id unique sur chaque image*/

#vignettes {
   width: 53px; height: 300px; padding-left: 12px;
   float: right; overflow: hidden; margin-right: 10px;}
.containerVignettes {width: 53px; height: 300px; overflow: hidden;}
#vignettes .flecheHaut,
#vignettes .flecheBas {display: block; width: 53px; height: 14px;}
#vignettes .flecheHaut {background: transparent url(../../images/flecheHaut.png) no-repeat; margin-bottom: 11px;}
#vignettes .flecheBas {background: transparent url(../../images/flecheBas.png) no-repeat; margin-top: 10px;}
#vignettes span {display: none;}

#vignettes ul {list-style: none; position: relative;}
#vignettes ul li {margin-bottom: 12px;}
#vignettes ul li,
#vignettes ul li a {width: 53px; }
#vignettes ul li img {border: 0;}

#outils {list-style: none;}
#outils li {padding-bottom: 7px;}
#outils li a {
   color: #555; text-decoration: none; 
   display: block; text-align: right;
   font-weight: bold; padding-right: 16px; line-height: 10px;}
#outils li.btnImprimer a {background: transparent url(../../images/btnImprimer.png) no-repeat right top;}
#outils li.btnAjouter a {background: transparent url(../../images/btnAjouter.png) no-repeat right top;}

/******************************************* Layer de contact */

#layerContact {
   border: 1px #8d6e38 solid; padding: 20px 20px 10px 20px;
   position: absolute; right: 20px; top: 260px; /*404px calé sur le bouton*/}

#layerContact .btnRetour {float: right; padding-right: 0; /*width: 125px;*/}

#layerContact h3 {display: none;}
#layerContact h3 span {display: none;}

#layerContact .colFormA,
#layerContact .colFormB {width: 338px;}

#layerContact .colFormA label {width: 120px;}

#layerContact #blocSearchMail {margin-top: 20px;}
#layerContact #blocSearchMail p {width: 368px;}
#layerContact #blocSearchMail .lineForm {width: 268px;}

.btnRetourBas {
   background: transparent url(../../images/flecheRetour.png) no-repeat 0 3px;
   padding-left: 12px; display: block; font-size: 11px; font-weight: bold;
   text-decoration: none;}

#msgMerci {font-size: 12px; color: #044677;}
#msgMerci .msgAlerte {font-size: 11px; background-color: #f2f6f9; padding: 5px 20px;}
#msgMerci .msgAlerte a {
   display: block; margin-top: 8px; padding-left: 12px; font-weight: bold;
   background: transparent url(../../images/flecheOr.png) no-repeat 0 2px;
   float: right; text-decoration: none;}

#layerContact #emailFound,
#layerContact .formConfirm {margin-top: 20px;}

/**************************/

#adresseVendeur {text-align: center; margin-bottom: 15px;}

#blocInfos {
   background-color: #fff;
   width: 245px; padding: 10px;
   font-size: 12px;}
#blocInfos #reference {color: #8b6c36; font-size: 14px; font-weight: bold;}

.liste {list-style: none; margin-bottom: 10px;}
.liste li {
   background: transparent url(../../images/flecheOr.png) no-repeat 0 3px;
   padding-left: 12px; line-height: 15px;}

/******************** description */

#description {font-size: 12px; margin-bottom: 20px;}
#description a.jsBtnLangue {
   background-color: #dde6ec;
   font-size: 10px; color: #004a7b; text-decoration: none;
   width: 80px; height: 17px; line-height: 17px; text-align: center;
   margin-bottom: 12px;}
.lnkPlus {color: #004a7b; font-weight: bold; text-decoration: none;}

/******************** onglets */

.pageAnnonces #tabs {list-style: none; width: 750px; height: 26px;}
.pageAnnonces #tabs li {float: left; height: 26px;}
.pageAnnonces #tabs li a {
	display: block; height: 26px; padding: 0 12px;
   font-weight: bold; text-decoration: none; 
   text-transform: uppercase; color: #555; line-height: 26px; text-align: center;
   background: transparent url(../../images/bgOngletsFiche.gif) repeat-x;}
.pageAnnonces #tabs a.active-tab {background-position: 0 -26px; color: #fff;}

.pageAnnonces .panel {
	clear: both;
	display: none; padding: 10px 0;
	border-top: 3px #896d3a solid;}
.pageAnnonces .panel.active-tab-body {display: block;}

.pageAnnonces .panel ul {list-style: none; margin-bottom: 10px;}
.pageAnnonces .panel ul li {border-bottom: 1px #ddd solid; height: 18px; padding: 2px 0;}
.pageAnnonces .panel ul li strong {display: block; float: left;}
.pageAnnonces .panel ul li span {padding-right: 15px;}

.pageAnnonces .panel ul li.double {height: 36px;}

.pageAnnonces #tab1 ul li strong {width: 180px;}
.pageAnnonces #tab2 ul li strong {width: 220px;}
.pageAnnonces #tab3 ul li strong {width: 220px;}
.pageAnnonces #tab4 ul li strong {width: 220px;}
.pageAnnonces #tab5 ul li strong {width: 250px;}
.pageAnnonces #tab6 ul li strong {width: 250px;}
.pageAnnonces #tab7 ul li strong {width: 270px;}

/*********************************************************************************************/
/*                                                                                    Réseau */
/*********************************************************************************************/

#pageFicheConcessionnaire #mainContent h2,
#pageConcessionnaires #mainContent h2,
#pageCarteReseau #mainContent h2 {width: 560px; height: 40px;}

#pageFicheConcessionnaire #mainContent h2 span,
#pageConcessionnaires #mainContent h2 span,
#pageCarteReseau #mainContent h2 span {display: none;}

#pageCarteReseau #content {width: 790px; padding: 20px 0 10px 0;}

#googleMap,
#listeConcess {float: left;}

#googleMap {width: 510px; height: 411px; margin-right: 20px;}

.contentBulle p,
.contentBulle .liste {margin-bottom: 10px;}
.contentBulle .btnPlusInfo {
   display: block;
   font-weight: bold; text-align: right;}

#listeConcess {width: 260px; background: transparent url(../../images/bgListeConcess.jpg) repeat-x left bottom;}
#listeConcess h3 {margin: 8px 0 8px 0;}
#listeConcess h3 span {display: none;}
#listeConcess p {margin-bottom: 10px; text-align: right;}

#listeConcess ul {
   list-style: none; height: 345px; padding: 0 5px 0 0;
   width: 235px; margin: 0 0 0 10px; overflow: auto;}
#listeConcess ul li {margin-bottom: 15px;}
   
#listeConcess ul li a,
#listeConcess ul li a.lnkConcess span {display: block;}


#listeConcess ul li a.lnkConcess span {color: #8b6c36; font-weight: bold;}
#listeConcess ul li a.lnkConcess strong,
#listeConcess ul li a {color: #004a7b;}

#listeConcess ul li a.lnkConcess {text-decoration: none;}

#listeConcess a.lnkTousConcess {
   display: block; color: #004a7b; font-weight: bold;
   background: #fff url(../../images/flecheOr.png) no-repeat right;
   text-align: right; margin-top: 10px; padding: 2px 12px 2px 0;
   text-decoration: none; line-height: 20px;}

.pays {margin-bottom: 25px;}
.pays a {font-weight: bold;}

/********************************************** Fiche concessionnaire */

#blocInfosConcess {
   width: 170px; padding: 10px; margin-left: 30px;
   float: right; color: #222;
   background: transparent url(../../images/bgInfosConcess.jpg) repeat-x;}
#blocInfosConcess a {display: block;}

#blocInfosConcess .btnPlanAcces {
   display: block; width: 75px; padding-left: 30px; text-decoration: none;
   font-weight: bold; height: 24px; line-height: 24px; margin: 10px 0 20px 32px;
   background: #bccfdd url(../../images/pictoPlanAcces.png) no-repeat 5px 4px;
   font-size: 11px; }

#listeMarques {list-style: none; width: 170px;}
#listeMarques li {text-align: center; margin-bottom: 5px;}
#listeMarques li img {border: 0; /*width: 120px;*/}

#pageFicheConcessionnaire #content h1 {
   font-size: 24px; margin-bottom: 10px; color: #896932;
   text-transform: uppercase; font-weight: normal;}
#pageFicheConcessionnaire #descriptionConcess {font-size: 12px;}
#pageFicheConcessionnaire #descriptionConcess img {float: left; margin: 5px 15px 0 0;}

#pageFicheConcessionnaire #content .btnRetour {
   display: block; color: #004a7b; font-weight: bold; text-decoration: none;
   background: transparent url(../../images/flecheRetour.png) no-repeat 0 2px;
   padding-left: 12px; line-height: 11px; float: right; font-size: 11px; margin-top: 5px;}

#actuConcess {
   width: 550px; padding: 10px 0 0 0;
   border-top: 1px #bccfdd solid;
   border-bottom: 1px #bccfdd solid;}
#actuConcess h3 {font-size: 16px; font-weight: bold; color: #044677; margin-bottom: 5px;}

#annoncesConcess {}
#annoncesConcess #tabs {list-style: none; width: 750px; height: 26px;}
#annoncesConcess #tabs li {float: left; height: 26px;}
#annoncesConcess #tabs li a {
	display: block; height: 26px; padding: 0 12px;
   font-weight: bold; text-decoration: none; 
   text-transform: uppercase; color: #555; line-height: 26px; text-align: center;
   background: transparent url(../../images/bgOngletConcess.gif) repeat-x;}
#annoncesConcess #tabs a.active-tab {background-position: 0 -26px; color: #fff;}

#annoncesConcess .panel {
	clear: both;
	display: none; padding: 10px 0;
	border-top: 3px #014b7b solid;}
#annoncesConcess .panel.active-tab-body {display: block;}

#annoncesConcess .devise {top: 0;}

/************************** page plan du site */

#pagePlanSite #content ul {
   list-style: none;
   margin-bottom: 20px;}

#pagePlanSite #content h3 {margin-bottom: 0 !important;}