/* CSS Document */
body { background:url(images/fond-page.jpg) repeat-x #FFFFFF; margin:0; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
#superConteneur{margin:0 auto; position:relative; background:url(images/bg-super-conteneur.jpg) no-repeat top center; min-height:630px;}
#conteneur{ width:960px; margin:0 auto; position:relative;}

h1#accueil { padding:0; margin:0; text-indent:-5000px; height:0px;}

ul#menu {float:left; padding:0; margin:118px 20px 0 20px; width:920px; border-top:1px solid #436f96; height:40px; list-style:none;}
ul#menu li {float:right; padding:0 15px; margin:0; border-left:1px solid #436f96; height:40px; line-height:40px;}
ul#menu li a { color:#FFFFFF; font-size:1.4em; font-weight:bold; text-decoration:none;}

#footer {clear:left; float:left; width:920px; padding:0; margin:0 20px; border-top:1px solid #d3d9dd;}
#footer img {float:left;}
#footer p {float:left; padding:0; margin:12px 0 12px 275px; font-size:1.2em; color:#4e5862; font-weight:bold;}
#footer p a {color:#4e5862;}


/******************************************************** PAGE D'ACCUEIL *********************************************************/
#centreAccueil {float:left; padding:5px; margin:0 20px; width:910px; height:409px; background:url(images/bg-centre-accueil.jpg) repeat-x;}
#centreAccueil #anim {float:left; padding:0; margin:0px; width:600px; height:266px;}
#centreAccueil #evenements {float:left; padding:55px 10px 0 10px; margin:0px; width:290px; height:211px; background:url(images/bg-evenements.jpg);}
#centreAccueil #evenements h2 {float:left; padding:0; margin:0 0 15px 0; color:#abc114; font-size:1.4em; font-weight:bold;}
#centreAccueil #evenements h2 a {color:#abc114; text-decoration:none;}
#centreAccueil #evenements p {float:left; padding:0; margin:0; color:#ffffff; font-size:1.1em; font-weight:bold; width:290px;}
#centreAccueil #evenements p a {color:#a6cdf2;}

#centreAccueil #recommande {float:left; padding:0; margin:0 540px 0 0; width:369px; height:43px; background:url(images/dn-recommande.jpg); text-indent:-5000px;}
#centreAccueil .unBateau {float:left; padding:0 0 0 10px; margin:0; width:190px; border-right:1px solid #a8b4bc;}
#centreAccueil .unBateau img {float:left; margin:0 3px 3px 0; border:3px solid #c3ccd0}
#centreAccueil .unBateau h2 {float:left; margin:0 0 10px 0; padding:0; font-size:1.1em; color:#596671; font-weight:normal; width:95px;}
#centreAccueil .unBateau h2 strong {font-size:1.1em; font-weight:bold;}
#centreAccueil .unBateau h2 a {color:#596671; text-decoration:none;}
#centreAccueil .unBateau p.prix {float:left; margin:0; padding:0; font-size:1.2em; color:#37638f; font-weight:bold;}
#centreAccueil .unBateau p.neuf {clear:left; margin:0; padding:0; font-size:1.2em; color:#ffffff; font-weight:bold; background:url(images/etat-neuf.gif); width:90px; height:21px; text-align:center; line-height:21px;}
#centreAccueil .unBateau p.occasion {clear:left; margin:0; padding:0; font-size:1.2em; color:#ffffff; font-weight:bold; background:url(images/etat-occasion.gif); width:90px; height:21px; text-align:center; line-height:21px;}
#centreAccueil a#decouvrezNeuf {float:left; margin:5px 0 12px 10px; padding:0 0 0 7px; font-size:1.5em; color:#ffffff; font-weight:normal; text-decoration:none; background:url(images/decouvrez-neuf.gif); width:288px; height:35px; line-height:35px;}
#centreAccueil a#decouvrezOccasion {float:left; margin:0 0 0 10px; padding:0 0 0 7px; font-size:1.5em; color:#ffffff; font-weight:normal; text-decoration:none; background:url(images/decouvrez-occasion.gif); width:288px; height:35px; line-height:35px;}
#centreAccueil a#decouvrezNeuf span, #centreAccueil a#decouvrezOccasion span {font-weight:bold; text-decoration:underline;}

#bienvenue {clear:left; float:left; padding:0; margin:20px 0 25px 35px; width:590px; border-right:1px solid #a8b4bc;}
#bienvenue #titre {padding:0; margin:0; width:235px; height:35px; background:url(images/bienvenue.jpg); text-indent:-5000px;}
#bienvenue p {padding:0 20px 0 0; margin:0; color:#4e5862; font-size:1.2em; line-height:16px;}
#bienvenue p a {color:#4e5862; }

#coordonnees {float:left; padding:0; margin:20px 0 0 10px; width:305px; }
#coordonnees #titre {padding:0; margin:0; width:180px; height:35px; background:url(images/pour-nous-joindre.jpg); text-indent:-5000px; }
#coordonnees p {padding:0 0 20px 0; margin:0; color:#4e5862; font-size:1.2em; line-height:20px;}
#coordonnees p a {color:#4e5862; }


/******************************************************** PAGES DE NAVIGATION *******************************************************/
#centreNav {float:left; padding:5px; margin:0 20px; width:910px; background:url(images/bg-centre-nav.jpg) repeat-x top #FFFFFF; color:#4e5862; min-height:460px;}

h1#titreNeufs { padding:0px; margin:0 0 5px 0; width:910px; height:69px; background:url(images/titre-page-neufs.jpg); text-indent:-5000px;}
h1#titreOccasions { padding:0px; margin:0 0 5px 0; width:910px; height:69px; background:url(images/titre-page-occasions.jpg); text-indent:-5000px;}
h1#titrePromos { padding:0px; margin:0 0 5px 0; width:910px; height:69px; background:url(images/titre-page-promotions.jpg); text-indent:-5000px;}
h1#titreContact { padding:0px; margin:0 0 5px 0; width:910px; height:69px; background:url(images/titre-page-contact.jpg); text-indent:-5000px;}
h1#titreEvenements { padding:0px; margin:0 0 5px 0; width:910px; height:69px; background:url(images/titre-page-evenements.jpg); text-indent:-5000px;}
h1#titreVideCale { padding:0px; margin:0 0 5px 0; width:910px; height:69px; background:url(images/titre-page-vide-cale.jpg); text-indent:-5000px;}

#centreNav h2 {float:left; padding:10px; margin:0; color:#93a70a; font-size:1.4em; font-weight:bold; width:890px;}
#centreNav p {padding:0 10px 10px 10px; margin:0; font-size:1.2em; line-height:16px;}
#centreNav p.actu {margin:0 10px; padding:0 0 10px 0; font-size:1.2em; line-height:16px; border-bottom:1px solid #a8b4bc;}
#centreNav p.actu img {float:right; margin:0 0 0 15px; border:3px solid #c3ccd0}

#colonneContact {float:left; padding:0; margin:12px; width:575px; display:inline;}
#colonneContact h4 {padding:0; margin:0 0 15px 0; width:266px; height:32px; background:url(images/laissez-message.jpg); text-indent:-5000px;}
#colonneContact p {float:left; padding:5px 0px; margin:0; font-size:1.2em; line-height:16px; width:287px;}
#colonneContact p label {display:block; width:95px; float:left; padding:0 0 0 2px; margin:0; line-height:16px;}
#colonneContact p.info {float:left; padding:5px 0px; margin:0 0 10px 0; font-size:1.2em; line-height:16px; width:575px; color:#93a70a; font-weight:bold; text-align:center;}

#colonneAdresse {float:left; padding:0 0 20px 15px; margin:15px 0 0 0; width:285px; display:inline; border-left:1px solid #a8b4bc;}
#colonneAdresse h4 {padding:0; margin:0 0 15px 0; width:183px; height:32px; background:url(images/pour-nous-joindre-2.jpg); text-indent:-5000px;}
#colonneAdresse h2 {float:left; padding:5px 0px; margin:0; font-size:1.2em; line-height:16px; font-weight:bold; color:#4e5862; width:285px;}
#colonneAdresse p {float:left; padding:5px 0px; margin:0; font-size:1.2em; line-height:16px; color:#4e5862; width:285px;}
#colonneAdresse a {color:#4e5862;}

/************************* liste bateaux ********************************/
#enteteListeNeufs {float:left; display:inline; padding:0 12px; margin:10px 0; width:886px; height:35px; background:url(images/entete-liste-neufs.jpg); line-height:35px; font-size:1.4em; color:#FFFFFF;}
#enteteListeNeufs .enteteMarque {float:left; display:block; width:250px;}
#enteteListeNeufs .enteteModele {float:left; display:block; width:260px;}
#enteteListeNeufs .enteteDimensions {float:left; display:block; width:185px;}
#enteteListeNeufs .entetePrix {float:left; display:block; width:118px;}
#enteteListeNeufs .entetePhoto {float:left; display:block; width:70px;}
#enteteListeNeufs a {text-decoration:none; color:#FFFFFF;}

#enteteListeOccaz {float:left; display:inline; padding:0 12px; margin:10px 0; width:886px; height:35px; background:url(images/entete-liste-occasion.jpg); line-height:35px; font-size:1.4em; color:#FFFFFF;}
#enteteListeOccaz .enteteMarque {float:left; display:block; width:250px;}
#enteteListeOccaz .enteteModele {float:left; display:block; width:260px;}
#enteteListeOccaz .enteteDimensions {float:left; display:block; width:185px;}
#enteteListeOccaz .entetePrix {float:left; display:block; width:118px;}
#enteteListeOccaz .entetePhoto {float:left; display:block; width:70px;}
#enteteListeOccaz a {text-decoration:none; color:#FFFFFF;}

ul#listeNeufs {float:left; padding:0; margin:0 0 20px 0; width:910px; }
ul#listeNeufs li { clear:left; float:left; margin:0px; padding:0px; list-style:none; width:886px; text-align:left; font-size:1.2em;}
ul#listeNeufs li a { display:block; color:#4e5862; text-decoration:none; height:15px; padding:9px 12px; margin:0; width:886px; border-bottom:1px solid #c3ccd0;}
ul#listeNeufs li a span.marque{ display:block; float:left; width:250px; font-weight:bold;}
ul#listeNeufs li a span.modele{ display:block; float:left; width:260px;}
ul#listeNeufs li a span.dimension{ display:block; float:left; width:185px;}
ul#listeNeufs li a span.prix{display:block; float:left; width:100px; }
ul#listeNeufs li a:hover{color:#424a51; background:#d2e9f1; border-bottom:1px solid #c3ccd0;}
ul#listeNeufs li a img{ display:none;}
ul#listeNeufs li a:hover span.pictoPhoto{position:absolute; border:3px solid #c3ccd0; left:815px; text-align:center;}
ul#listeNeufs li a:hover span.pictoPhoto img{ display:inline;}

ul#listeOccaz {float:left; padding:0; margin:0 0 20px 0; width:910px; }
ul#listeOccaz li { clear:left; float:left; margin:0px; padding:0px; list-style:none; width:886px; text-align:left; font-size:1.2em;}
ul#listeOccaz li a { display:block; color:#4e5862; text-decoration:none; height:15px; padding:9px 12px; margin:0; width:886px; border-bottom:1px solid #c3ccd0;}
ul#listeOccaz li a span.marque{ display:block; float:left; width:250px; font-weight:bold;}
ul#listeOccaz li a span.modele{ display:block; float:left; width:260px;}
ul#listeOccaz li a span.dimension{ display:block; float:left; width:185px;}
ul#listeOccaz li a span.prix{display:block; float:left; width:100px;}
ul#listeOccaz li a:hover{color:#424a51; background:#dfebae; border-bottom:1px solid #c3ccd0;}
ul#listeOccaz li a img{ display:none;}
ul#listeOccaz li a:hover span.pictoPhoto{position:absolute; border:3px solid #c3ccd0; left:815px; text-align:center;}
ul#listeOccaz li a:hover span.pictoPhoto img{ display:inline;}

/************************* fiche bateau ********************************/
#colonnePhoto{ float:left; width:371px; margin:10px 0 10px 12px; padding:0}
#colonnePhoto #photoPrincipale { float:left; padding:0; margin:0 0 6px 0; border:3px solid #c3ccd0}
#colonnePhoto #galerieBateau{float:left; padding:0; margin:0; width:371px;}
#colonnePhoto #galerieBateau .picSmall {width:105px; height:71px; margin:6px 12px 6px 0; padding:0; float:left; overflow:hidden; border:3px solid #c3ccd0; background:#c3ccd0;}
#colonnePhoto a#contact { float:left; width:355px; height:55px; margin:15px 0; padding:0; background:url(images/btn-contact-bateau.gif); text-indent:-5000px;}

h2#nomBateauNeuf {float:left; padding:0 10px; margin:10px 0; width:494px; height:35px; background:url(images/nom-bateau-neuf.jpg); line-height:35px; color:#FFFFFF; font-weight:bold; font-size:1.4em;}
h2#nomBateauOccasion {float:left; padding:0 10px; margin:10px 0; width:494px; height:35px; background:url(images/nom-bateau-occasion.jpg); line-height:35px; color:#FFFFFF; font-weight:bold; font-size:1.4em;}
ul#caract { float:left; display:inline; width:514px; margin:0px; padding:0; font-size:1.3em; list-style:none; }
ul#caract li {float:left; margin:0; border-bottom:1px solid #c3ccd0; padding:6px 10px; width:494px;}
ul#caract li .titreCaract {display:block; float:left; width:120px; font-weight:bold;}
ul#caract li .contenuCaract {display:block; float:left; width:370px; }
ul#caract li .contenuPrix {display:block; float:left; width:370px; font-size:1.2em; color:#37638f; font-weight:bold; }
ul#caract li.retour {float:left; margin:0; border:none; padding:20px 10px; width:494px; text-align:center;}
ul#caract li.retour a.occaz {color:#93a70a; text-decoration:underline;}
ul#caract li.retour a.neuf {color:#386fac; text-decoration:underline;}

/************************* articles vide-cale ********************************/
#unArticle {float:left; clear:left; padding:10px 0; margin:0 10px; width:890px; border-bottom:1px solid #c3ccd0;}
#unArticle .colonneDetails {float:left; padding:0; margin:0 20px 0 0; width:545px;}
#unArticle .colonneDetails h2 {float:left; padding:0 10px; margin:0; width:525px; height:35px; background:url(images/bg-article-vide-cale.gif); line-height:35px; color:#FFFFFF; font-weight:bold; font-size:1.4em;}
#unArticle .colonneDetails p { float:left; display:inline; width:541px; margin:0px; padding:10px 2px; font-size:1.3em; list-style:none; text-align:justify; }
#unArticle .colonneDetails .prixVente { float:left; display:inline; width:541px; margin:0px; padding:0 2px; font-size:1.5em; color:#37638f; font-weight:bold; }

#unArticle .colonnePhoto{ float:left; width:325px; margin:0px; padding:0}
#unArticle .colonnePhoto img { float:left; padding:0; margin:0 6px 6px 0; border:3px solid #c3ccd0}

/************************* actualites/evenements ********************************/
#uneActu {float:left; clear:left; padding:10px 0; margin:0 10px; width:890px; border-bottom:1px solid #c3ccd0; font-size:1.3em;}
#uneActu .colonneDetails {float:left; padding:0; margin:0 20px 0 0; width:614px;}
#uneActu .colonneDetails h2 {float:left; padding:0 10px; margin:0; width:594px; height:35px; background:url(images/bg-article-evenement.gif); line-height:35px; color:#FFFFFF; font-weight:bold; font-size:1.1em;}
#uneActu .colonneDetails p { float:left; display:inline; width:610px; margin:0px; padding:10px 2px 0 2px; list-style:none; text-align:justify; font-size:13px; }

#uneActu .colonnePhoto{ float:left; width:256px; margin:0px; padding:0}
#uneActu .colonnePhoto img { float:left; padding:0; margin:0; border:3px solid #c3ccd0}

/************************* liste promotions ********************************/
#unePromo {float:left; clear:left; padding:10px 0; margin:0 10px; width:890px; border-bottom:1px solid #c3ccd0;}
#unePromo .colonneDetails {float:left; padding:0; margin:0 20px 0 0; width:545px;}
#unePromo .colonneDetails h2 {float:left; padding:0 10px; margin:0; width:525px; height:35px; background:url(images/bg-article-vide-cale.gif); line-height:35px; color:#FFFFFF; font-weight:bold; font-size:1.4em;}
#unePromo .colonneDetails p { float:left; display:inline; width:541px; margin:0px; padding:10px 2px; font-size:1.3em; list-style:none; text-align:justify; }
#unePromo .colonneDetails .prixVente { float:left; display:inline; width:541px; margin:0px; padding:0 2px; font-size:1.5em; color:#37638f; font-weight:bold; }
#unePromo a#savoirPlus{ float:left; width:325px; height:55px; margin:45px 0 0 0; padding:0; background:url(images/btn-savoir-plus-promo.gif); text-indent:-5000px;}

/************************* fiche promotion ********************************/
#colonnePhoto a#contactPromo { float:left; width:355px; height:55px; margin:15px 0; padding:0; background:url(images/btn-contact-promo.gif); text-indent:-5000px;}

h2#nomPromo {float:left; padding:0 10px; margin:10px 0; width:494px; height:35px; background:url(images/nom-bateau-occasion.jpg); line-height:35px; color:#FFFFFF; font-weight:bold; font-size:1.4em;}
p#detailPromo { float:left; display:inline; width:510px; margin:0px; padding:0 2px 10px 2px; font-size:1.3em;}
p#prixVentePromo { float:left; display:inline; width:510px; margin:0px; padding:10px 2px; font-size:1.5em; color:#37638f; font-weight:bold; border-top:1px solid #c3ccd0; }
#retour {float:left; margin:0; border:none; padding:20px 10px; width:494px; text-align:center; color:#93a70a; text-decoration:underline; font-size:1.2em;}