/* CSS Document */ /********************************************* * * ---------- GENERAL * *********************************************/ body { margin:auto; font-family:verdana,arial ; font-size:12px; background-color:#8dc8d7; } form { margin:0; padding:0; } a { color: #f6aa00 ; font-weight:bold; } h1 { color:#f6aa00 ; font-size:19px; margin-top:0px; } h2 { font-size:17px; } img { border:none; } p { text-align:justify ; } div#vacances-martinique-conteneur { width:840px; background-color:#fff; margin-left:auto; margin-right:auto ; background:url(../images/structure/haut-degradedgfd.gif) no-repeat 0 185px #fff; position:relative; } div#vacances-martinique-banniere { width:840px; background:url(../images/structure/banniere.jpg) no-repeat; height:202px; } .rose { color: #50b0e2;} .vert { color:#339933 ; } div.headerDesc { position:relative; } h1.desc-header { font-size:10px; text-align:center;line-height:12p; margin:0; padding:0;color:#3C688D; position:absolute; left:5px;top:0; } h2.desc-ban { text-align:left; position:absolute; color:#fff; font-size:10px; left:5px; top:15px;margin:0; padding:0; } /********************************************* * * ---------------- MENU GENERAL * **********************************************/ div#vacances-martinique-menu { background:url(../images/structure/menu.gif) no-repeat 1px; width:838px; height:28px; position:absolute; top:185px; left:0; } div#vacances-martinique-menu ul { margin-top:0; } div#vacances-martinique-menu li { float:left; list-style:none; padding-top:5px; } div#vacances-martinique-menu a { color:#fff; font-weight:bold; font-size:13px; text-decoration:none; } div#vacances-martinique-menu a:hover , div#vacances-martinique-menu .hover { color:#965434;} div#vacances-martinique-menu #accueil { padding-left:10px; } div#vacances-martinique-menu #qui { padding-left:60px; } div#vacances-martinique-menu #membre { padding-left: 48px; } div#vacances-martinique-menu #martinique { padding-left:37px; } div#vacances-martinique-menu #contact { padding-left: 30px; } div#missions-zilea-martinique p { margin:auto 20px auto 20px ; } .choixlang { margin-top:15px; text-align:right; padding-right:5px; color:#cbcbcb; position:absolute; right:0; } /********************************************* * * * ---------------- PAGE ACCUEIL * * **********************************************/ /** Bloc intro **/ /* div#vacances-martinique-bloc-intro { float: right; background:url(../images/structure/bloc_intro_bg.jpg) repeat-y; width:655px; margin-top:10px; } */ div#vacances-martinique-bloc-intro { background:url(../images/structure/bloc-intro-femme.jpg) no-repeat; width:813px; margin-top:20px; height:69px; margin-left:10px; } div#vacances-martinique-bloc-intro h3 { font-size:12px; color:#007eb2 ; margin:0; padding:10px 10px 0 160px; font-weight:bold; font-family:arial; } div#vacances-martinique-bloc-intro h3 strong { color:#21518c ; } div.vacances-martinique-bloc-intro-haut { background:url(../images/structure/bloc_intro_haut.jpg) no-repeat; width:650px; height:10px; } div.vacances-martinique-bloc-intro-bas { background:url(../images/structure/bloc_intro_bas.jpg) no-repeat; width:650px; height:9px; } /** Brochure **/ div#vacances-martinique-brochure-zilea { float:left; width:170px; margin-left:15px; } div#vacances-martinique-brochure-zilea h3 { color:#03486f; font-size:12px; margin-top:0px; margin-bottom:0; padding:0; } div#vacances-martinique-brochure-zilea img { float:right; margin-top:0px; } div#vacances-martinique-brochure-zilea p { margin:0;} div#vacances-martinique-brochure-zilea a { font-size:10px; color:#707070; text-decoration:none; } div#image-activites { background:url(../images/structure/img_activites.jpg) no-repeat; width:271px; height:193px; position:absolute; margin-top:40px; margin-left:520px; } /************** PARTIE DE DROITE ***************/ div#vacances-martinique-droit { float:right; width:560px; } /** Bloc recherche **/ div#vacances-martinique-bloc-recherche { margin:50px 0 0 0; background:url(../images/structure/bloc_recherche_bg.jpg) repeat-y; width:544px; position:absolute; } div.vacances-martinique-bloc-recherche-haut { background:url(../images/structure/bloc_recherche_haut.jpg) no-repeat; width:544px; height:14px;} div.vacances-martinique-bloc-recherche-bas { background:url(../images/structure/bloc_recherche_bas.gif) no-repeat; width:544px; height:14px;} /** carte **/ div.infobulle { position: absolute; visibility : hidden; border: 1px solid Black; padding: 10px; font-family: Verdana, Arial; font-size: 10px; background-color: #bdd7f4; z-index:1000;} div#vacances-martinique-bloc-carte { float:right; background:url(../images/structure/bloc_carte.gif) no-repeat; width:154px; height:225px; margin-top:24px; padding-left:9px;} div#vacances-martinique-bloc-carte select { margin-top:10px; width:135px; } div#vacances-martinique-bloc-carte h4 {margin:5px; font-size:13px; color:#03486f; } /** tourisme **/ div#vacances-martinique-bloc-tourisme { background:url(../images/structure/bloc_tourisme.gif) 0px 24px no-repeat ; width:365px; height:245px; margin:0 0 0 10px; padding:0; position:relative; } div.tab_focus { background:url(../images/structure/onglet_on.gif) no-repeat; display:block; cursor:hand; width:15Opx; height:24px; padding:5px 0 0 0; position:abolute;} div.tab_ready { background:url(../images/structure/onglet_out.gif) no-repeat; display:block; cursor:hand; width:15Opx; height:24px; padding:5px 0 0 0; position:absolute; } div#tab_loisir_focus, div#tab_loisir_ready { position:absolute; width:150px; height:24px;left:0; top:0; } div#tab_affaires_focus, div#tab_affaires_ready { margin-left:150px; width:150px; height:24px; } div#contenu1 { padding-top:24px;} .loisir { padding:0px 0 0 14px; font-weight:bold; } .affaires { padding:0px 0 0 10px; font-weight:bold; } div#vacances-martinique-bloc-tourisme h4 { margin:0; padding-top:5px; color:#a3cfff; font-weight:bold; font-size:12px;padding-left:10px;} div#vacances-martinique-bloc-tourisme p { margin:0; padding:0; padding-left:10px; } table#vacances-martinique-hebergement { margin:8px 8px 15px 8px; color:#fff; font-size:11px; } .titre { color:#f6aa00; font-weight:bold; padding-left:2px; } /** bloc sport **/ div#vacances-martinique-activites { background:url(../images/structure/bloc-recherche_activites.gif) no-repeat; width:364px; height:55px; padding:5px 0 0 0; margin:2px 0 0 10px; } div#vacances-martinique-activites .gauche { float: left; width:100px; padding-left:10px; } div#vacances-martinique-activites .gauche select { width:150px; } div#vacances-martinique-activites .droit { float:right; width:180px;} div#vacances-martinique-activites .droit select { width:150px; } div#vacances-martinique-activites h4 { margin:0 0 7px 5px; font-size:13px; color:#03486f; padding:0;} /************** PARTIE DE GAUCHE ***************/ /** Bloc coup de coeur **/ div#vacances-martinique-bloc-coeur { background:url(../images/structure/bloc-coups-de-coeur.gif) no-repeat; width:257px ; height:157px;margin:5px 0 5px 10px; padding-top:37px; } div#vacances-martinique-bloc-coeur a { color:#eb4abc ; text-decoration:none; font-size:11px; } div#vacances-martinique-bloc-coeur a:hover { text-decoration:underline; } div#vacances-martinique-bloc-coeur p { padding:0px 20px 0 15px; color:#c93ca1; text-align:justify;font-size:11px; } /** Bloc actu **/ div#vacances-martinique-bloc-actu { background:url(../images/structure/bloc-actualite.gif) no-repeat; width:257px ; height:157px; margin:0 0 10px 10px; padding-top:30px; overflow:hidden; position:relative; } div#div_container {position:absolute; left:10px; top:39px; width:240px; height:140px; z-index:1; } div#vacances-martinique-bloc-actu a { color:#4dbfdb ; padding-left:175px; text-decoration:none; font-size:11px; } div#vacances-martinique-bloc-actu a:hover { text-decoration:underline; } div#vacances-martinique-bloc-actu p { margin:0; padding:10px; color:#49729c; text-align:justify;font-size:11px; } /************** PARTIE DU BAS ******************/ div#vacances-martinique-bloc-activite { clear:both ; background:url(../images/structure/bloc_activite_bg.gif) repeat-y; width:813px; margin:0px 0 0px 12px; } div.vacances-martinique-bloc-activite-haut { background:url(../images/structure/bloc_activite_haut.gif) no-repeat; width:813px; height:24px; } div.vacances-martinique-bloc-activite-bas { background:url(../images/structure/bloc_activite_bas.gif) no-repeat; width:813px; height:16px; margin:0 0 20px 11px; } div#vacances-martinique-bloc-activite p { color:#8d6200; padding-left:20px; font-weight:bold; margin:0; padding-bottom:10px; margin-right:20px; } div#vacances-martinique-bloc-activite h2 { color:#000; font-size:14px; font-weight:bold; padding-left:20px; } div#vacances-martinique-bloc-activite a { color: #fff ; text-decoration:none; } div#vacances-martinique-bloc-activite a:hover{ text-decoration:underline; } div#vacances-martinique-bloc-activite ul { margin-bottom:15px; } /************** FOOTER ******************/ div#vacances-martinique-footer { margin:40px 20px 0px 20px; padding-bottom:25px; clear:both; border-top:1px solid #f6aa00; } div#vacances-martinique-footer a , div#vacances-martinique-footer { color:#5faddb; line-height:19px; font-size:10px; font-weight:normal; } div#vacances-martinique-footer h2 { color:#CCC; font-size:11px; padding-top:5px; clear:both; margin:0 0 5px 0; } div#vacances-martinique-footer a:hover { color:#525252; text-decoration:underline; } ul#menu-ppal { margin:10px 0 0 0 ; padding:0;} ul#menu-ppal li{ float: left; list-style:none; padding-right: 5px; } ul#menu-ppal a , ul#menu-ppal { color:#525252 ; text-decoration:none; font-weight:bold; font-size:11px; } ul#menu-ppal a:hover { color:#2094b4 ; } ul#menu-secondaire { clear:both; padding:0; margin:0; } ul#menu-secondaire li { float:left; list-style:none ; padding:0; margin:0; } ul#menu-secondaire a{ color:#8c8c8c; font-weight:bold; padding-right:10px; font-size:11px; text-decoration:none; } ul#menu-secondaire a:hover { text-decoration:none; } div#vacances-martinique-footer h4 { color:#4c6f81 ; font-size:12px; padding:0; margin-bottom:5px; clear:both;} /********************************************* * * * ---------------- FICHE TYPE * * **********************************************/ /** Partie de gauche **/ div#vacances-martinique-infos { padding-left:10px; position:absolute; width:220px; left:0; } div#vacances-martinique-infos h2 {margin:0; padding:0 0 5px 0; color:#856215; text-transform:uppercase; font-size:13px; } div#vacances-martinique-infos p { color:#fff; font-size:11px; } /* div#vacances-martinique-infos a { color:#2a5689 ; }*/ p.retour a{ color:#fa8b08; font-weight:bold; text-decoration:none; } p.retour a:hover { text-decoration:underline; } p.retour { margin:15px 0 2px 0; } /* div#vacances-martinique-infos a.contact { color:#422e01 ; font-weight:bold; text-decoration:none; font-size:14px; padding-left:10px; width:179px; } */ a.ami { color:#422e01 ; font-size:12px; } div.infos-membres-haut { background:url(../images/structure/infos-membre-haut.gif) no-repeat; width:199px; height:15px; } div.infos-membres-centre { background:url(../images/structure/infos-membre-bg.gif) repeat-y; width:189px; padding-left:10px; } div.infos-membres-centre p{ margin:0;padding-bottom:8px;width:179px; } p.site a{ width:179px;} div.infos-membres-centre a.site { width:179px; color:#422e01 ; font-weight:bold; text-decoration:none; font-size:10px; } div.infos-membres-bas { background:url(../images/structure/infos-membre-bas.gif) no-repeat; width:199px; height:15px; margin-bottom:15px; } /** partie de droite **/ div#vacances-martinique-fiche { margin-left: 235px; width:600px; padding-bottom:30px; } p.navig a , p.navig { color:#604711 ; text-decoration:none; font-size:11px; margin:20px auto 5px auto; padding:0; font-weight:normal;} p.navig a:hover { text-decoration:underline; } div.presentation-membre-haut { background:url(../images/structure/presentation-membre-haut.gif) no-repeat; width:583px; height:17px; margin-top:10px; } div.presentation-membre-bg { background:url(../images/structure/presentation-membre-bg.gif) repeat-y; width:583px; } div.presentation-membre-bas { background:url(../images/structure/presentation-membre-bas.gif) no-repeat; width:583px; height:17px; } div#vacances-martinique-fiche h1 { text-transform:uppercase; color:#856215; font-size:19px; margin:0; padding-left:10px; } div#vacances-martinique-fiche h2 { background:url(../images/structure/titre_membres.jpg) no-repeat 2px 0px; width:575px; height:29px; color:#f6aa00 ; padding-left:50px;padding-top:10px; font-size:15px; padding-bottom:0; margin:0; } div.presentation-membre-bg p { } div.paragraphe {color:#093a54 ; width:520; padding-left:30px; text-align:justify; margin:0; padding-right:30px; margin-bottom:10px; } /********************************************* * * * ---------------- LISTE MEMBRES * * **********************************************/ h2.cat-membre , h2.cat-membre a { color:#f6aa00 ; border-bottom:#f7b829 1px solid; margin:10px 30px 20px 0px; font-size:20px; text-decoration:none; } table.membres-zilea { margin-bottom:50px; color:#03486f; } table.membres-zilea th { color:#856215; background:url(../images/structure/table_bg.gif) repeat-x; } table.membres-zilea .table_gauche { background:url(../images/structure/table_gauche.gif) no-repeat; width:11px; } table.membres-zilea .table_droit { background:url(../images/structure/table_droit.gif) no-repeat; width:11px; } table.membres-zilea .photo { padding:5px 5px 5px 0; } table.memres-zilea p.description { padding:5px; } table.membres-zilea .professionnel-martinique { color:#03486f ; } .haut_table { background:url(../images/structure/haut_table.gif) ; } .pair { background-color:#eddc89 ; } .impair { background-color:#fff; /*fefbea*/ } p.resultat{ width:400px; } div#liste-membres { padding-left:20px; } div#liste-membres ul a {color:#5faddb ; font-weight:bold; padding-bottom:30px; } div#liste-membres li { list-style-image: url(../images/structure/arrow.png); float:left; } div#photo-martinique { background:url(../images/structure/picto-martinique.gif) no-repeat; width:324px; height:185px; position:absolute; margin-left:372px;margin-top:30px; } div#professionnels-martinique { width:440px; padding-bottom:10px; line-height:18px;} div#professionnels-martinique a { padding-right:15px; color:#5faddb ; font-weight:bold; } div#professionnels-martinique a:hover{ color:#2094b4; } /******************************** * * --------- QUI SOMMES NOUS * *********************************/ div#presentation-zilea-fond { background:url(../images/structure/fond_presentation_zilea.jpg) no-repeat; width:779px; height:227px ; } div#txt-presentation-zilea-martinique { width:370px; padding-top:22px; color:#03486f; margin-left:23px; } div#presentation-zilea { width:550px;padding-bottom:20px; } .presentation-zilea h2 {margin:5px 0 10px 0; } .obj { width:380px; } .comp { width:380px; } img#qui { float:right; } div#qui-sommes-nous, div#plan-du-site { margin:0 20px; color:#464646; text-align:justify; } div#qui-sommes-nous li { list-style-image: url(../images/structure/arrow.png); line-height:19px; } div#qui-sommes-nous h2 { color:#03486f ; padding-left:20px; margin-top:0; } div#missions-zilea-martinique a { color: #f6aa00 ; font-weight:bold; } div#missions-zilea-martinique a:hover { text-decoration:none; } div#photo-avion { background:url(../images/structure/picto-avion.gif) no-repeat; position:absolute; margin-left:460px; padding-top:400px; width:393px; height:237px; } p.brochure { margin-left:35px; } div.qui-haut { background:url(../images/structure/qui_haut.jpg) no-repeat; width:755px; height:10px; } div.qui-bg { background:url(../images/structure/qui_bg.jpg) repeat-y; width:775px; line-height:20px;} div.qui-bas { background:url(../images/structure/qui_bas.jpg) no-repeat; width:755px; height:10px; margin-bottom:20px; } /********************************************* * * * ---------------- RESULTATS RECHERCHES * * **********************************************/ div#recherche { margin:0 20px 0 10px ; } div#recherche ul { margin:0; padding-left:11px; } div#gauche-recherche { float:right; width:580px;} div#droite-recherche { float:left; width:200px; margin-top:25px;margin-left:5px; } div#droite-recherche select { margin-left:0px; background-color: ; width:170px; } div#droite-recherche h4 { margin:0; padding-bottom:10px; font-size:12px;color:#000 ; /* 8d6200 ;*/ } div#droite-recherche hr { width:160px; margin-right:20px; padding-right:10px ; background-color:#c99720; border-color:#c99720; color:#c99720; height:1px; } div#droite-recherche .titre {color:#fff ;} div#droite-recherche ul { margin-top:10px;} div#droite-recherche li { list-style:url(../images/structure/arrow.png); line-height:20px; margin-left:5px; font-size:10px; } div#droite-recherche li a { color:#8c6507; } div#droite-recherche li a:hover { text-decoration:none; color:#fff; } div#gauche-recherche fieldset strong { color:#CCC ; } .bleu { color:#03486f; font-size:15px; } div.membre-martinique { background:url(../images/structure/bloc-membre-martinique.jpg) no-repeat; width:568px; height:162px; padding-top:10px; position:relative;: } div.membre-martinique h2 { float:left; margin:0;padding:0; } div.membre-martinique h2 a{ color:#2c738f ; margin-left:15px; font-size:14px; text-transform:uppercase; text-decoration:none; font-weight:bold; } div.membre-martinique h2 a:hover { color:#5faddb; } div.membre-martinique .detail { float:right; width:150px; margin-top:0px;padding-right:15px; text-align:right; } div.membre-martinique .detail a { font-size:12px; color:#fff ; font-weight:bold; } div.membre-martinique .detail a:hover { text-decoration:none; } div.membre-martinique .presentation { float:right; width:370px; padding-right:10px; color:#2c738f ; margin-top:15px;} div.membre-martinique .image-membre { float:left; left:15px; bottom:25px; position:absolute;} div.bton-voir-fiche { position: ; padding:105px 0 0 450px !important; padding:95px 0 0 445px;} a.bton-fiche { display:block; position:absolute; right: 20px; top:120px;} div#criteres-selections { display:none; } div.image-membre { float:left;width:170px; } .noir {color:#000; } /********************************************* * * * ---------------- CONTACT * * **********************************************/ div#contact { padding:0px 20px 0 20px; } div#contact-zilea-martinique p { margin:0px; margin-top:100px; } /* div#contact-zilea-martinique img { margin-left:30px;} */ div#bloc-contact { background:url(../images/structure/bloc-contact_v2.jpg) no-repeat; width:808px; height:578px; } div#contact-droit { float:right; width:490px; margin-top:0px;} div#contact-droit img { padding-bottom:45px;} div#contact-gauche { float:left;width:280px; } div#form-contact-zilea-martinique p { padding-left:40px; } /********************************************* * * * ---------------- Martinique en 1 clic * * **********************************************/ div#martinique-clic { padding:0px 20px 0 20px; line-height:18px; text-align:justify; } div#martinique-clic h2.divers { color:#03486f ; } .bleu_ciel { color: #5faddb ; font-weight:bold; line-height:20px; } div#martinique-clic h3 { font-size:13px; } div#martiniue-clic table { border:1px solid #5faddb ; } div#photo-martinique-clic { /* background:url(../images/structure/photo-martinique-clic.jpg) no-repeat; */ width:461px; height:203px; float:right; } div#cadre-txt-clic { background:url(../images/structure/cadre-txt-clic.jpg) no-repeat; width:323px; height:131px; padding-top:0px; line-height:25px; font-size:12px; margin-top:23px; } div#cadre-txt-clic p { padding:3px 0 0 5px; margin:0; color:#fff; } div#cadre-txt-clic ul { margin:0px 0 0 30px; list-style:none; } div.martinique-clic-bg { background:url(../images/structure/bg-clic.jpg) no-repeat; width:798px; margin-top:10px; } div.martinique-clic-bg p, div.martinique-clic-bg h3 { width:760px; margin-left:10px; margin-right:20px; } div.martinique-clic-bg h2 { text-transform:uppercase; color:#856215; font-size:19px; padding:15px 0 0 10px; } div#martinique-clic li a { color:#fff; font-weight:bold;} div#cadre-txt-clic a:hover { text-decoration:none; } div#martinique-clic table { border:#FF9900 1px solid ; } div#martinique-clic td { padding-left:20px; padding-right:20px; } /* h2.cat-membre { color:#f6aa00 ; border-bottom:#f7b829 1px solid; margin:10px 30px 20px 0px; font-size:20px; } */ /********************************************* * * * ---------------- Coeur * * **********************************************/ div#coeur { margin:0 20px; } div#coeur .chapeau { color:#c93ca1; text-align:justify;font-weight:bold; padding-bottom:0px; } div#coeur h2 { color:#03486f ; } div.contenu { font-size:12px;} .coeur-illustration { padding-right:20px; } div.precedent-actu { width:380px; float:left; } div.precedent-coeur { width:380px; float:right; } div.coeur-head { background:url(../images/structure/coeur-head.jpg) no-repeat; width:392px; height:46px; } div.coeur-bg { background:url(../images/structure/coeur-bg.jpg) repeat-y; width:392px; } div.coeur-bas { background:url(../images/structure/coeur-bas.gif) no-repeat; width:392px; height:22px; } div.coeur-bg ul , div.actu-bg ul { list-style:none; margin:0; padding:0; } div.coeur-bg li , div.actu-bg li { list-style:none; padding:10px; } div.actu-head { background:url(../images/structure/actu-head.jpg) no-repeat; width:392px; height:46px; } div.actu-bg { background:url(../images/structure/actu-bg.jpg) repeat-y; width:392px; } div.actu-bas { background:url(../images/structure/actu-bas.jpg) no-repeat; width:392px; height:19px; } /********************************************* * * * ---------------- Plan du site * * **********************************************/ div#plan-du-site li { margin-left:0px; padding-left:0px; list-style:none; text-align:left; } div#plan-du-site { text-align:left;} div#plan-du-site ul { margin-left:0px; padding-left:0px; list-style:none;} div#plan-du-site h4 { font-size:13px; color:#03486f; } .ref { color:#604711 ; text-decoration:none; font-size:11px; font-weight:normal; } a.ref:hover { text-decoration:underline; } .orange{ color:#f6aa00; }