/* CSS Document */ body{background:url(../images/bg-page.jpg) repeat-x #000000;margin:0;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#cec9b1;} #conteneur{width:955px;margin:0 auto;position:relative;} #logo{float:left;padding:0;margin:6px 0 0 0;width:260px;height:90px;} #logo h1 {text-indent:-5000px;} ul#menuHaut {float:right; padding:0; margin:3px 0 0 0; height:19px;} ul#menuHaut li {float:left; display:inline; margin:0; border-left:1px solid #515151; line-height:19px;} ul#menuHaut li a {color:#afaa8f; text-decoration:none; padding:0 9px; } ul#menuHaut li a:hover {color:#ffffff; text-decoration:none; padding:0 9px; } #versionUk {float:right; padding:0; margin:0 0 0 10px; text-decoration:none; width:39px; height:29px; } /************************** menu principal *****************************/ #conteneurmenu {position:absolute;left:375px;top:71px;margin:0;padding:0;height:19px;width:581px;z-index:1000;float:left;} .menu {float:left; display:inline; margin:0; padding:0; height:19px; text-align:center; font-size:12px; border-left:1px solid #515151; line-height:19px;} .menu a {color:#afaa8f; padding:0; margin:0; text-decoration:none;} .menu a:hover {color:#ffffff; padding:0; margin:0; text-decoration:none;} .ssmenu { /*.ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */background:#060606;padding:5px 15px 5px 15px;} .ssmenu ul, .ssmenu li.lienMenu {/* Ne pas trop toucher. Les items (les
  • ) des sous-menus, notamment pour enlever les puces des liste */padding:0;list-style-type:none;background:transparent;} .ssmenu a, .ssmenu a:visited {color:#afaa8f;padding:0px;text-decoration:none;font-size:11px;font-weight:normal;border-bottom:1px solid #393737;/* Ne pas modifier le block, margin et width */display:block;margin:3px 0; width:100%;} html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {width:auto;} .ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus{/* Les liens sous le curseur. On change les couleurs du texte et de fond, et on enlève le soulignement.*/color:#FFF;text-decoration:none;} .menuOuvert a {color:#ffffff; padding:0px; text-decoration:none; background:none;} /**************************************************************************/ #zoneFlash {float:left; padding:0px; margin:0px 0 0 0; width:955px; height:390px;} #colGauche { float:left; padding:0; margin:10px 0; width:225px;} #selectionOccasion {clear:left; float:left; padding:0; margin:0 10px; background:url(../images/selection-occasion.gif) no-repeat 0 0; width:200px; height:60px; text-indent:-5000px; } #coordAccueil {float:left; padding:42px 10px 0 10px; margin:20px 0 0 0; width:180px; height:154px; line-height:17px; background:url(../images/coordonnees-accueil.png) no-repeat 0 0;} #coordAccueil p {float:left; padding:0; margin:0 0 8px 0; width:180px;} #coordAccueil span {color:#f7f2e2;} #coordAccueil a {color:#cec9b1;} #txtAccueil {float:left; padding:0; margin:16px 0 20px 0; width:495px; border-right:1px solid #4c4b49; } #txtAccueil h2 {float:left; display:inline; padding:0px; margin:0px; background:url(../images/luxe-excellence.gif) no-repeat 0 0; width:417px; height:30px; text-indent:-5000px; } #txtAccueil p {clear:left; color:#aaa8a3; padding:13px 20px 0px 10px; margin:0; line-height:20px; text-align:justify;} #txtAccueil p span {color:#f7f2e2;} #txtAccueil a {color:#aaa8a3;text-decoration:underline;font-weight:bold;} #actus {float:left; padding:40px 0 0 0; margin:20px 0 20px 22px; width:210px; background:url(../images/actualites.gif) no-repeat 0 0;} .slides_container { width:210px; display:none; } .slides_container div { width:210px; height:170px; display:block;} #actus h2 {float:left; padding:0; margin:0 0 5px 0; width:210px; color:#f7f2e2; font-weight:bold; font-size:11px;} #actus h2 a {color:#f7f2e2; text-decoration:none;} #actus p { float:left; padding:0; margin:0; width:210px; color:#aaa8a3; line-height:16px; text-align:justify;} #actus p a {color:#aaa8a3;} #espaceClient {float:left; padding:0; margin:15px 0 20px 22px; width:210px;} #espaceClient h2 {float:left; display:inline; padding:0px; margin:0px; background:url(../images/espace-client.gif); width:134px; height:30px; text-indent:-5000px; } #espaceClient p {clear:left; color:#aaa8a3; padding:10px 0px 0px 0px; margin:0; line-height:20px; text-align:justify;} #espaceClient p span {color:#f7f2e2;} #espaceClient a {color:#f7f2e2; font-weight:bold; display:block; margin-top:15px;} #contenu{margin:0; padding:10px 0 0 0; clear:both; width:955px;} #contenu h1{ margin:0 0 10px 0;padding:0;width:955px;height:200px;text-indent:-5000px;} #titreWauquiez{background:url(../images/titre-wauquiez.jpg) no-repeat;} #titrePilot55{background:url(../images/titre-pilot55.jpg) no-repeat;} #titrePilot47{background:url(../images/titre-pilot47.jpg) no-repeat;} #titreOpium39{background:url(../images/titre-opium39.jpg) no-repeat;} #titreCenturion40S2{background:url(../images/titre-centurion40S2.jpg) no-repeat;} #titreBordeaux60{background:url(../images/titre-bordeaux60.jpg) no-repeat;} #titreBeneteau{background:url(../images/titre-collection-beneteau.jpg) no-repeat;} #titreOccasion{background:url(../images/titre-occasions.jpg) no-repeat;} #titreQui{background:url(../images/titre-qui-sommes-nous.jpg) no-repeat;} #titreServices{background:url(../images/titre-services.jpg) no-repeat;} #titreContact{background:url(../images/titre-contact.jpg) no-repeat;} #titreActus{background:url(../images/titre-actus.jpg) no-repeat;} #gauche{ margin:10px 15px 0 0; padding:0; width:660px; float:left;} #gauche h3{margin:0; padding:0; width:660px; height:30px; text-indent:-2000px;} #histo{background:url(../images/titre-histo.gif) no-repeat;} #quiSommes{background:url(../images/qui-sommes.gif) no-repeat;} #services{background:url(../images/nos-services.gif) no-repeat;} #beneteau{background:url(../images/titre-intro-beneteau60.gif) no-repeat;} #contact{background:url(../images/contact.gif) no-repeat;} #gale{background:url(../images/titre-galerie.gif) no-repeat;} #contenu #gauche .intro{ font-size:13px; padding:2px 10px; margin:10px 0 10px 30px;border-left:3px solid #a2894b;} #contenu #gauche .intro a{color:#aaa8a3;text-decoration:underline;font-weight:bold;} #contenu #gauche .colonneTxt{ width:309px; margin:5px 0 20px 10px; float:left; padding:0 10px 0 0; border-right:1px solid #2d2c24; display:inline;} #contenu #gauche .colonneTxt p{ margin:20px 0 0 0; padding:0; line-height:14px; } #contenu #gauche .colonneTxt h3{ font-size:14px; font-weight:bold; width:309px; color:#FFF; text-indent:0; margin:10px 0 0 0;} #contenu #gauche .colonneTxt h3 span{ font-size:11px; color:#a2894b; font-style:italic; font-weight:normal;} #contenu #gauche .colonneTxt .tabcar{ margin:-10px 0 0 0; padding:0; width:307px; color:#FFF; border:1px solid #474435;} #contenu #gauche .colonneTxt .tabcar .pair{background:#474435;} #contenu #gauche .colonneTxt .tabcar td{border-bottom:1px solid #2d2c24;} #contenu #gauche .colonneTxt a{color:#aaa8a3;text-decoration:underline;font-weight:bold;} #contenu #gauche .colonneTxt a.pdf { float:left; width:285px; margin:10px 0; padding:0 0 0 20px; line-height:16px; display:block; background:url(../images/trombone.png) no-repeat left 5px; text-decoration:none !important;} #contenu #gauche .colonneTxt a.pdf em { font-weight:normal;} #contenu #gauche .monoTxt{ width:620px; margin:5px 0 20px 10px; float:left; padding:0 10px 0 0; display:inline;} #contenu #gauche .monoTxt p{ margin:20px 0 0 0; padding:0; line-height:14px; text-align:justify; } #contenu #gauche .monoTxt p a{ color:#cec9b1; font-weight:bold;} #contenu #gauche .monoTxt p a.fichier{ font-weight:normal; margin-left:15px; line-height:18px;} #contenu #gauche .monoTxt p a:hover{ color:#a2894b;} #contenu #gauche .monoTxt h3{ font-size:14px; font-weight:bold; width:309px; color:#FFF; text-indent:0; margin:10px 0 0 0;} #laGalerie{ margin:10px 0 0 20px; padding:0; width:660px; list-style:none; display:inline;} #laGalerie li{list-style:none; margin:10px 8px; float:left; width:100px;} #laGalerie li a img{border:3px solid #39311e;} ul#listeProduitsOccaz {float:left; display:inline; padding:0; margin:30px 0 20px 0; list-style:none; width:735px;} ul#listeProduitsOccaz li {float:left; display:inline; padding:0; margin:0 20px 20px 0; list-style:none; width:225px; height:145px; overflow:hidden; } ul#listeProduitsOccaz li a { display:block; width:225px; height:145px; text-decoration:none;} ul#listeProduitsOccaz li img { border:none; padding:0; margin:0; width:225px; height:145px; cursor:pointer;} ul#listeProduitsOccaz li h3 { cursor:pointer; z-index:100; position:relative; top:0; left:0; padding:5px 10px 0 10px; margin:-35px 0 0 0; width:205px; height:30px; line-height:13px; color:#e1cf9a; font-size:12px; background:url(../images/masque-liste-produits.png);} ul#listeProduits {float:left; display:inline; padding:0; margin:30px 0 20px 0; list-style:none; width:955px;} ul#listeProduits li {float:left; display:inline; padding:0; margin:0 19px 20px 19px; list-style:none; width:280px; height:180px; overflow:hidden; } ul#listeProduits li a { display:block; width:280px; height:180px; text-decoration:none;} ul#listeProduits li img { border:none; padding:0; margin:0; width:280px; height:180px; cursor:pointer;} ul#listeProduits li h3 { cursor:pointer; z-index:100; position:relative; top:0; left:0; padding:10px 10px 0 10px; margin:-35px 0 0 0; width:260px; height:25px; color:#e1cf9a; font-size:13px; background:url(../images/masque-liste-produits2.png);} #rechAvancee {float:left; padding:35px 0 0 19px; margin:30px 0; width:200px; background:url(../images/recherche-avancee.gif) no-repeat 20px 0; border-left:1px solid #2D2C24;} #rechAvancee p {float:left; padding:0; margin:0 0 15px 0; width:200px; line-height:22px } #rechAvancee input { font-size:11px; color:#6d5c34 } #rechAvancee p a { color:#aaa8a3;text-decoration:underline;font-weight:bold;} #ajax_listOfOptions{ position:absolute; /* Never change this one */ width:195px; /* Width of box */ height:130px; /* Height of box */ overflow:auto; /* Scrolling features */ background-color:#FFF; /* White background color */ text-align:left; font-size:11px; z-index:5000; } #menuOccaz #ajax_listOfOptions { left:520px !important; top:80px !important; } #ajax_listOfOptions div{ /* General rule for both .optionDiv and .optionDivSelected */ margin:1px; padding:1px; cursor:pointer; } #ajax_listOfOptions .optionDiv{ /* Div for each item in list */ color:#6d5c34; } #ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */ background-color:#b0984b; color:#FFF; } #ajax_listOfOptions_iframe{ background-color:#F00; position:absolute; z-index:5; } h2#titreBateau { font-family:Arial; font-size:22px; padding:0; margin:0 0 10px 0; color:#a68d4c; font-weight:normal; } ul#caractProduit {float:left; padding:0; margin:25px 0 25px 10px; width:630px; list-style:none; line-height:30px; font-size:13px;} ul#caractProduit li.pair {float:left; padding:0 15px; margin:0; width:600px; height:30px; border-top:1px solid #4b4431;} ul#caractProduit li.impair {float:left; padding:0 15px; margin:0; width:600px; height:30px; border-top:1px solid #4b4431; background:#0b0a0a;} ul#caractProduit li span {float:left; display:block; width:110px; color:#e1cf9a; font-weight:bold;} #droite{ margin:10px 0 0 0; padding:0; width:280px; float:left;} #droite .titreCollec{background:url(../images/decouvre-collection.gif) no-repeat; height:30px; width:280px; margin:0 0 10px 0; padding:0; text-indent:-3000px;} #droite .titrePhotos{background:url(../images/lesphotos.gif) no-repeat; height:30px; width:280px; margin:5px 0 0 0; padding:0; text-indent:-3000px;} #pilot55{ background:url(../images/pilotSaloon55.gif) no-repeat; width:280px; height:160px; display:block; text-indent:-5000px; margin:0 0 20px 0;} #pilot47{ background:url(../images/pilotSaloon47.gif) no-repeat; width:280px; height:160px; display:block; text-indent:-5000px; margin:0 0 20px 0;} #opium39{ background:url(../images/opium39.gif) no-repeat; width:280px; height:160px; display:block; text-indent:-5000px; margin:0 0 20px 0;} #centurion40S2{ background:url(../images/centurion40S2.gif) no-repeat; width:280px; height:160px; display:block; text-indent:-5000px; margin:0 0 20px 0;} #galerieChantier{ background:url(../images/btn-galerie.gif) no-repeat; width:280px; height:85px; display:block; text-indent:-5000px; margin:50px 0 10px 0;} #crouesty { background:url(../images/titre-crouesty.gif) no-repeat 0 0; width:280px; display:block; margin:95px 0 20px 0;} #crouesty h4 { margin:0; padding:0; height:25px; text-indent:-5000px;} #crouesty p { margin:0 0 10px 0; padding:0; line-height:16px;} #crouesty p strong { font-size:1.3em;} #crouesty p a { color:#cec9b1;} #btnContact{ float:left; background:url(../images/btn-contact.png) no-repeat; width:280px; height:100px; display:block; text-indent:-5000px; margin:10px 0 10px 0;} #photoBateau{ margin:0; padding:0; width:280px; list-style:none; display:inline;} #photoBateau li{list-style:none; margin:8px 5px 8px 3px; padding:0; float:left; width:83px;} #photoBateau li a img{border:2px solid #39311e;} h2#votreDemande {float:left; display:inline; padding:0; margin:10px 10px 10px 40px; width:440px; height:20px; background:url(../images/votre-demande.gif) no-repeat left; } ul#contactRecherche {float:left; padding:0; margin:10px 0 10px 50px; width:440px; list-style:none; font-size:13px; color:#e1cf9a;} ul#contactRecherche li.pair {float:left; padding:5px 15px; margin:0; width:410px; border-top:1px solid #4b4431; min-height:22px;} ul#contactRecherche li.impair {float:left; padding:5px 15px; margin:0; width:410px; border-top:1px solid #4b4431; background:#0b0a0a; min-height:22px;} ul#contactRecherche li label {float:left; display:block; width:190px; } ul#contactRecherche li em { font-size:11px; display:block; margin:5px 0 5px 0; color:#cec9b1;} ul#contactRecherche li span { font-size:11px; display:block; margin:4px 0 0 15px; height:16px; font-weight:bold; color:#cec9b1; } ul#contactRecherche li span img { margin-right:2px; } ul#contactRecherche #joindre { margin:0 10px 0 5px; float:right; width:104px; height:25px; background:url(../images/btn-joindre.gif) no-repeat 0 0; border:none; cursor:pointer; } h2#vosCoordonnees {float:left; display:inline; padding:0; margin:10px; width:440px; height:20px; background:url(../images/vos-coordonnees.gif) no-repeat left; } ul#contactCoordonnees {float:left; display:inline; padding:0; margin:10px 0 10px 10px; width:440px; list-style:none; font-size:13px;} ul#contactCoordonnees li.pair {float:left; padding:5px 15px; margin:0; width:410px; border-top:1px solid #4b4431; min-height:22px;} ul#contactCoordonnees li.impair {float:left; padding:5px 15px; margin:0; width:410px; border-top:1px solid #4b4431; background:#0b0a0a; min-height:22px;} ul#contactCoordonnees li label {float:left; display:block; width:100px; color:#e1cf9a; } #footer {clear:left; padding:12px 0 0 0; margin:0; width:955px; border-top:1px solid #4b4431; text-align:right;} #footer a {display:block; float:right; text-align:left; color:#aaa8a3; text-decoration:none; background:url(../images/logo-massif-marine.gif) no-repeat left; padding:20px 0 0 57px; width:155px; height:55px;}