/* CSS Document */
body { background:url(images/bg-page.jpg) repeat-x #000000; 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:640px;}
#conteneur{ width:955px; margin:0 auto; position:relative;}

#superFooter {clear:left; margin:0px auto; width:100%; height:99px; background:url(images/footer.jpg) no-repeat center;}
#footer{ width:935px; position:relative; margin:0 auto; padding:75px 20px 0 0; color:#aeddf7; font-size:1.1em; text-align:right;}
#footer a{ color:#aeddf7;}

#logo{ float:left; padding:0; margin:0; width:400px; height:114px; }

#coordonnees {float:right; padding:0; margin:20px 20px 0 20px; font-size:1.2em; color:#FFFFFF; line-height:19px; text-align:right; height:94px; }
#coordonnees h1 {display:inline; padding:0; margin:0; font-size:1.2em; font-weight:bold;}
#coordonnees h1 span{font-size:12px; font-weight:normal;}
#coordonnees h1 span a{color:#ffffff; text-decoration:none;}
#coordonnees a {color:#FFFFFF;}

ul#menu {clear:left; float:left; display:inline; padding:0; margin:11px 0 9px 22px; width:928px; height:25px; list-style:none;}
ul#menu li {float:left; padding:0; margin:0 10px 0 0; line-height:25px;}
ul#menu li a.accueil { display:block; width:56px; height:25px; text-align:center; font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu li a.accueil:hover {display:block; width:56px; height:25px; text-align:center; font-size:1.3em; color:#000721; font-weight:bold; text-decoration:none; background:url(images/menu-accueil.jpg);}
ul#menu li a.bateauxNeufs { display:block; width:100px; height:25px; text-align:center; font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu li a.bateauxNeufs:hover {display:block; width:100px; height:25px; text-align:center; font-size:1.3em; color:#000721; font-weight:bold; text-decoration:none; background:url(images/menu-bateaux-neufs.jpg);}
ul#menu li a.bateauxOccaz { display:block; width:121px; height:25px; text-align:center; font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu li a.bateauxOccaz:hover {display:block; width:121px; height:25px; text-align:center; font-size:1.3em; color:#000721; font-weight:bold; text-decoration:none; background:url(images/menu-bateaux-occasion.jpg);}
ul#menu li a.moteurs { display:block; width:118px; height:25px; text-align:center; font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu li a.moteurs:hover {display:block; width:118px; height:25px; text-align:center; font-size:1.3em; color:#000721; font-weight:bold; text-decoration:none; background:url(images/menu-moteurs-occasion.jpg);}
ul#menu li a.remorques { display:block; width:140px; height:25px; text-align:center; font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu li a.remorques:hover {display:block; width:140px; height:25px; text-align:center; font-size:1.3em; color:#000721; font-weight:bold; text-decoration:none; background:url(images/menu-remorques.jpg);}
ul#menu li a.plongee { display:block; width:142px; height:25px; text-align:center; font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu li a.plongee:hover {display:block; width:142px; height:25px; text-align:center; font-size:1.3em; color:#000721; font-weight:bold; text-decoration:none; background:url(images/menu-plongee.jpg);}
ul#menu li a.services { display:block; width:114px; height:25px; text-align:center; font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu li a.services:hover {display:block; width:114px; height:25px; text-align:center; font-size:1.3em; color:#000721; font-weight:bold; text-decoration:none; background:url(images/menu-services.jpg);}
ul#menu li a.contact { display:block; width:57px; height:25px; text-align:center; font-size:1.3em; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu li a.contact:hover {display:block; width:57px; height:25px; text-align:center; font-size:1.3em; color:#000721; font-weight:bold; text-decoration:none; background:url(images/menu-contact.jpg);}

/****************************** PAGE ACCUEIL *******************************/
#flash {clear:left; float:left; padding:0; margin:0; width:675px; height:304px;}

#zoneRecherche { float:left; padding:0; margin:24px 0 0 0; width:261px; height:260px; color:#FFFFFF;}
#zoneRecherche h2 { float:left; padding:0; margin:0; width:261px; height:19px; background:url(images/titre-trouver-bateau.gif) no-repeat; text-indent:-5000px;}
#zoneRecherche p { float:left; padding:0; margin:0; width:261px; font-size:12px; font-weight:bold; line-height:30px;}

#browseContainer { float:left; padding:0; margin:0; width:261px; overflow:hidden;}

#browseTabs {float:left; width:261px; height:25px; padding:0px; margin:0 0 15px 0; text-align:center; font-weight:bold; font-size:1.2em; line-height:25px;}
#browseTab1 {float:left; width:73px; height:25px; padding:0px; margin:0 10px 0 0; background:url(images/onglet-longueur.gif) no-repeat;}
#browseTab1ON {float: left; width: 73px; height: 25px; padding:0px; margin:0 10px 0 0; background:url(images/onglet-longueur-on.gif) no-repeat; color:#030d28;}
#browseTab2 {float:left; width:62px; height:25px; padding:0px; margin:0 10px 0 0; background:url(images/onglet-marque.gif) no-repeat;}
#browseTab2ON {float:left; width:62px; height:25px; padding:0px; margin:0 10px 0 0; background:url(images/onglet-marque-on.gif) no-repeat; color:#030d28;}
#browseTab3 {float:left; width:59px; height:25px; padding:0px; margin:0 10px 0 0; background:url(images/onglet-budget.gif) no-repeat;}
#browseTab3ON {float:left; width:59px; height:25px; padding:0px; margin:0 10px 0 0; background:url(images/onglet-budget-on.gif) no-repeat; color:#030d28;}

#browseYachts{ position:absolute; width:261px; visibility:visible; overflow:hidden; cursor:pointer; }
#browseBrokers, #browseCharters {position:absolute; width:261px; visibility:hidden; overflow:hidden; cursor: pointer; }
#browseYachtsDetails, #browseBrokersDetails, #browseChartersDetails {float:left; width:261px; margin:0px; padding:0; font-size:1.2em; line-height:18px;}
.browseDetailsTitle {color:#ffffff; font-weight:bold; border-bottom:1px solid #5188b2; width:261px; margin:0 0 2px 0;}
a.browseDetails {color:#ffffff; font-size:11px;}

#contenuAccueil {clear:left; float:left; display:inline; width:655px; padding:0; margin:0 10px;}
#contenuAccueil h2 {float:left; width:630px; height:20px; padding:0; margin:0px; background:url(images/titre-lemerle-selectionne.gif) no-repeat; text-indent:-5000px;}
#contenuAccueil .unBateauSelection {float:left; display:inline; width:295px; height:75px; padding:0; margin:10px; line-height:20px; font-size:1.2em; color:#FFFFFF;}
#contenuAccueil .unBateauSelection img {float:left; padding:0; margin:0 10px 0 0; border:3px solid #FFFFFF;}
#contenuAccueil .unBateauSelection h3 {float:left; padding:0; margin:-3px 0 0 0; border-bottom:1px solid #393f53; font-size:1.1em; width:175px; line-height:18px;}
#contenuAccueil .unBateauSelection a {color:#FFFFFF; text-decoration:none;}
#contenuAccueil p {float:left; width:610px; padding:10px; margin:0px; border-top:1px solid #333646; font-size:1.1em; color:#FFFFFF;}
#contenuAccueil p a {color:#8bb2ca; font-weight:bold; text-decoration:none;}

h2#marquesDistribuees {float:left; display:inline; padding:0; margin:20px 0 0 0; width:260px; height:20px; background:url(images/titre-marques-distribuees.gif) no-repeat; text-indent:-5000px;}
ul#marques{ float:left; padding:0; margin:0; width:260px; list-style:none;}
ul#marques li{ float:left; display:inline; padding:10px 0 5px 0; margin:0; width:260px; background:url(images/trait-blanc.png) repeat-x bottom; font-size:1.1em; color:#FFFFFF;}
ul#marques li h4{ float:left; display:inline; width:260px; padding:0; margin:0; font-size:12px; font-weight:bold; color:#FFFFFF;}
ul#marques li a{ text-decoration:none; color:#FFFFFF;}

a#contact {float:left; padding:0; margin:15px 0; width:261px; height:75px; background:url(images/btn-contact.gif); text-indent:-5000px;}


/****************************** PAGES DE NAV *******************************/
#contenuNav {clear:left; float:left; display:inline; width:665px; padding:0; margin:0 0 0 10px;}
#contenuNav h2#fourwinns {clear:left; float:left; display:inline; width:665px; height:190px; background:url(images/titre-four-winns.jpg); padding:0; margin:0; text-indent:-5000px;}
#contenuNav h2#sealine {clear:left; float:left; display:inline; width:665px; height:190px; background:url(images/titre-sealine.jpg); padding:0; margin:0; text-indent:-5000px;}
#contenuNav h2#guymarine {clear:left; float:left; display:inline; width:665px; height:190px; background:url(images/titre-guy-marine.jpg); padding:0; margin:0; text-indent:-5000px;}
#contenuNav h2#quicksilver {clear:left; float:left; display:inline; width:665px; height:190px; background:url(images/titre-quicksilver.jpg); padding:0; margin:0; text-indent:-5000px;}
#contenuNav h2#b2marine {clear:left; float:left; display:inline; width:665px; height:190px; background:url(images/titre-b2-marine.jpg); padding:0; margin:0; text-indent:-5000px;}
#contenuNav h2#zodiac {clear:left; float:left; display:inline; width:665px; height:190px; background:url(images/titre-zodiac.jpg); padding:0; margin:0; text-indent:-5000px;}
#contenuNav h2#arvor {clear:left; float:left; display:inline; width:665px; height:190px; background:url(images/titre-arvor.jpg); padding:0; margin:0; text-indent:-5000px;}
#contenuNav h2#ocqueteau {clear:left; float:left; display:inline; width:665px; height:190px; background:url(images/titre-ocqueteau.jpg); padding:0; margin:0; text-indent:-5000px;}
#contenuNav h2#whiteshark {clear:left; float:left; display:inline; width:665px; height:190px; background:url(images/titre-whiteshark.jpg); padding:0; margin:0; text-indent:-5000px;}

#contenuNav h2#occasions {clear:left; float:left; display:inline; width:627px; height:170px; background:url(images/titre-bateaux-occasion.jpg); padding:0; margin:20px 38px 0 0; text-indent:-5000px;}
#contenuNav h2#neufs {clear:left; float:left; display:inline; width:630px; height:180px; background:url(images/titre-marques-neufs.jpg); padding:0; margin:10px 35px 0 0; text-indent:-5000px;}
#contenuNav h2#moteurs {clear:left; float:left; display:inline; width:627px; height:170px; background:url(images/titre-moteurs.jpg); padding:0; margin:20px 38px 0 0; text-indent:-5000px;}
#contenuNav h2#remorques {clear:left; float:left; display:inline; width:627px; height:170px; background:url(images/titre-remorques.jpg); padding:0; margin:20px 38px 0 0; text-indent:-5000px;}
#contenuNav h2#contact {clear:left; float:left; display:inline; width:630px; height:170px; background:url(images/titre-contact.jpg); padding:0; margin:20px 38px 0 0; text-indent:-5000px;}
#contenuNav h2#services {clear:left; float:left; display:inline; width:630px; height:170px; background:url(images/titre-services.jpg); padding:0; margin:20px 38px 0 0; text-indent:-5000px;}
#contenuNav h2#plongee {clear:left; float:left; display:inline; width:627px; height:170px; background:url(images/titre-plongee.jpg); padding:0; margin:20px 38px 0 0; text-indent:-5000px;}
#contenuNav h2#mentions {clear:left; float:left; display:inline; width:630px; height:170px; background:url(images/titre-mentions.jpg); padding:0; margin:10px 35px 0 0; text-indent:-5000px;}

#contenuNav h3 {float:left; padding:0; margin:30px 35px 0 0; width:630px; height:40px; line-height:40px; color:#FFFFFF; font-size:2.0em; font-weight:normal; border-top:1px solid #505c71; border-bottom:1px solid #505c71;}
#contenuNav ul {float:left; padding:0; margin:0px 35px 20px 0; width:630px; font-size:1.4em; border-top:5px solid #354055; list-style:none; }
#contenuNav ul li {float:left; padding:0; margin:0px; width:630px; height:116px; border-bottom:1px solid #33394d; cursor:pointer;}
#contenuNav ul li a { display:block; padding:0px; color:#ffffff; text-decoration:none; cursor:pointer; }
#contenuNav ul li a .modele{ display:block; float:left; width:305px; padding:38px 10px 50px 10px; margin:0;}
#contenuNav ul li a:hover .modele{ display:block; float:left; width:275px; padding:38px 10px 50px 40px; margin:0;}
#contenuNav ul li a .prix{ display:block; float:left; padding:38px 0 50px 0; margin:0; width:95px; font-weight:bold; text-align:center;}
#contenuNav ul li a .prixInconnu{ display:block; float:left; padding:30px 0; margin:0; width:95px; font-weight:normal; text-align:center;}
#contenuNav ul li a .photo{ display:block; float:left; padding:2px 0; margin:0; width:210px; font-weight:bold; text-align:right;}
#contenuNav ul li a .photo img{ border:1px solid #4f5b70; height:110px; width:169px;}
#contenuNav ul li a:hover{ display:block; padding:0; height:116px; background:url(images/puce-modele-liste.jpg) no-repeat 10px 36px #081e3e;cursor:pointer;}

#contenuNav p {float:left; padding:0; margin:8px 0; width:630px; color:#FFFFFF; font-size:1.3em;}
#contenuNav p a {color:#9fcdeb;}
#contenuNav p.chpForm {float:left; padding:0; margin:8px 10px 8px 0; width:315px; color:#FFFFFF; font-size:1.3em;  }
#contenuNav p.chpForm label, #contenuNav p label {float:left; display:block; padding:0; margin:0px; width:80px; color:#9fcdeb; }
#contenuNav p.message {float:left; padding:0; margin:12px 0; width:630px; color:#9fcdeb; font-size:1.3em; text-align:center; font-weight:bold; }

#pagination {float:left; padding:0 0 50px 0; margin:20px 0 0 0; text-align:center; font-size:1.2em; width:630px;}
#pagination a {color:#ffffff; text-decoration:none; border:1px solid #33394d; padding:0 5px; height:22px; line-height:22px; font-weight:bold;}
#pagination a.select {color:#000419; font-weight:bold; text-decoration:none; background:#9fcdeb; border:1px solid #9fcdeb;}

#encartFourWinns {float:left; padding:123px 7px 0 9px; margin:20px 15px 15px 0; width:184px; height:47px; background:url(images/encart-four-winns.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#encartSealine {float:left; padding:123px 7px 0 9px; margin:20px 15px 15px 0; width:184px; height:47px; background:url(images/encart-sealine.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#encartGuymarine {float:left; padding:123px 7px 0 9px; margin:20px 0 15px 0; width:184px; height:47px; background:url(images/encart-guy-marine.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#encartQuicksilver {float:left; padding:123px 7px 0 9px; margin:0 15px 15px 0; width:184px; height:47px; background:url(images/encart-quicksilver.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#encartB2marine {float:left; padding:123px 7px 0 9px; margin:0 15px 15px 0; width:184px; height:47px; background:url(images/encart-b2-marine.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#encartZodiac {float:left; padding:123px 7px 0 9px; margin:0 0 15px 0; width:184px; height:47px; background:url(images/encart-zodiac.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#encartArvor {float:left; padding:123px 7px 0 9px; margin:0 15px 20px 0; width:184px; height:47px; background:url(images/encart-arvor.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#encartEvinrude {float:left; padding:123px 7px 0 9px; margin:0 15px 20px 0; width:184px; height:47px; background:url(images/encart-evinrude.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#encartHonda {float:left; padding:123px 7px 0 9px; margin:0 0 20px 0; width:184px; height:47px; background:url(images/encart-honda-marine.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}

#encartOcqueteau {float:left; padding:123px 7px 0 9px; margin:0 15px 20px 0; width:184px; height:47px; background:url(images/encart-ocqueteau.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}
#encartWhiteshark {float:left; padding:123px 7px 0 9px; margin:0 0 20px 0; width:184px; height:47px; background:url(images/encart-white-shark.gif); color:#FFFFFF; font-size:1.1em; text-decoration:none;}


h2#marquesDistribueesNav {float:left; display:inline; padding:0; margin:23px 0 0 0; width:260px; height:20px; background:url(images/titre-marques-distribuees2.gif) no-repeat; text-indent:-5000px;}

#deco {float:left; padding:0; margin:20px 0; width:260px; height:155px; background:url(images/photo-deco.gif); text-indent:-5000px;}

h2#fiche {float:left; padding:0 0 0 40px; margin:20px 0px 0 5px; width:680px; height:40px; line-height:40px; color:#FFFFFF; font-size:2.0em; font-weight:normal; border-top:1px solid #66a2c4; border-bottom:1px solid #82adc9; background:url(images/puce-modele-fiche.jpg) no-repeat 10px 10px;}

#retour {float:left; padding:0; margin:20px 20px 0 0px; height:40px; line-height:40px; width:210px; border-top:1px solid #66a2c4; border-bottom:1px solid #82adc9; text-align:right;}
#retour a {color:#FFFFFF; font-size:11px;}

#colPhotos {float:left; padding:15px 0; margin:0 0 40px 5px; width:370px; background:url(images/trait-blanc2.png) repeat-x top;}
#colPhotos h3 {float:left; padding:3px 0; margin:20px 0 8px 0; width:350px; color:#FFFFFF; font-weight:normal; font-size:1.4em; border-bottom:1px solid #343c50;}
#colPhotos #galerie {float:left; padding:0; margin:0; width:370px;}
#colPhotos #galerie img {float:left; padding:0; margin:0 10px 10px 0; width:80px; height:60px;}
#colPhotos a#bateauInteresse {float:left; padding:0; margin:15px 0; width:350px; height:70px; background:url(images/btn-bateau-interesse.gif); text-indent:-5000px;}
#colPhotos a#moteurInteresse {float:left; padding:0; margin:15px 0; width:350px; height:70px; background:url(images/btn-moteur-interesse.gif); text-indent:-5000px;}
#colPhotos a#remorqueInteresse {float:left; padding:0; margin:15px 0; width:350px; height:70px; background:url(images/btn-remorque-interesse.gif); text-indent:-5000px;}

#colDetails {float:left; padding:15px 0; margin:0px; width:560px; background:url(images/trait-blanc2.png) repeat-x top; font-size:1.3em; color:#FFFFFF;}
#colDetails ul {float:left; padding:0; margin:10px 0; width:560px; background:url(images/trait-blanc.png) repeat-x top; list-style:none;}
#colDetails ul li {float:left; padding:10px 0; margin:0px; width:560px; background:url(images/trait-blanc.png) repeat-x bottom; font-weight:bold; font-size:1.1em;}
#colDetails ul li label {float:left; display:block; padding:0; margin:0px; width:170px; color:#9fcdeb; font-size:0.9em;}


/*PLONGEE*/
#ctPlongee { float:left; padding:0; margin:24px 0 0 0; width:261px; height:260px; color:#FFFFFF;}
#ctPlongee h2 { float:left; padding:0; margin:0; width:261px; height:35px; background:url(images/titre-contact-plongee.gif) no-repeat; text-indent:-5000px;}
#ctPlongee p { float:left; padding:0; margin:0 0 15px 0; width:261px; font-size:12px; font-weight:normal;}
#ctPlongee p a{ color:#FFF; font-weight:normal;}
#titrePlongee{float:left; display:inline; padding:0; margin:23px 0 0 0; width:260px; height:20px; background:url(images/titre-actu-plongee.gif) no-repeat; text-indent:-5000px;}

#beuchat{float:left; padding:105px 7px 0 9px; margin:20px 15px 15px 0; width:184px; height:35px; background:url(images/log-beuchat.gif); color:#134e7a; font-size:1.1em; text-decoration:none; text-align:center;}
#esclapez{float:left; padding:105px 7px 0 9px; margin:20px 15px 15px 0; width:184px; height:35px; background:url(images/log-esclapez.gif); color:#134e7a; font-size:1.1em; text-decoration:none; text-align:center;}
#imersion{float:left; padding:105px 7px 0 9px; margin:20px 15px 15px 0; width:184px; height:35px; background:url(images/log-imersion.gif); color:#134e7a; font-size:1.1em; text-decoration:none; text-align:center;}
#mares{float:left; padding:105px 7px 0 9px; margin:20px 15px 15px 0; width:184px; height:35px; background:url(images/log-mares.gif); color:#134e7a; font-size:1.1em; text-decoration:none; text-align:center;}
#omer{float:left; padding:105px 7px 0 9px; margin:20px 15px 15px 0; width:184px; height:35px; background:url(images/log-omer.gif); color:#134e7a; font-size:1.1em; text-decoration:none; text-align:center;}
#aquasphere{float:left; padding:105px 7px 0 9px; margin:20px 15px 15px 0; width:184px; height:35px; background:url(images/log-aqua.gif); color:#134e7a; font-size:1.1em; text-decoration:none; text-align:center;}