/*#################################################################################################*/ /* */ /* AVENTURIA */ /* CSS SCREEN - ACTi 2007 */ /* */ /*#################################################################################################*/ body{ text-align:center; margin:0px; background-image:url(images/bg-int.jpg); background-position:top; background-repeat:repeat-x; background-color:#79000e; color:#380006; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; } .myhr{ clear:both; visibility:hidden; height:0px; overflow:hidden; } form{ margin:0px; padding:0px; } img{ border:none; } a:link,a:visited{ text-decoration:none; color:#9d0f0f; } a:hover{ } a:active{ outline:none; } .navigation-rapide{ display:none; } /***************************************************************************************************/ /*********************************************** css overall ***************************************/ /***************************************************************************************************/ #container{ text-align:left; margin:0px auto 0px auto; width:960px; } #header{ height:70px; background-image:url(images/header_bg.gif); background-position:bottom right; background-repeat:no-repeat; } #logo{ width:257px; height:32px; float:left; margin:15px 0px 0px 0px; background:url(images/logo.gif) top left no-repeat; } #logo a { display:block; width:257px; height:32px; } #logo a img{ visibility:hidden; } #logo a:hover{ background:url(images/logo-retour.gif) top left no-repeat; } #metanav{ width:679px; float:right; margin:45px 0px 0px 0px; } #metanav ul{ padding:0px 0px 0px 10px; list-style:none; float:left; } #metanav-menu1{ margin:0px 0px 0px 0px; } #metanav-menu1 li{ margin:0px 0px 0px 1px; padding:0px 5px 0px 0px; float:left; } #metanav-menu1 li a:link, #metanav-menu1 li a:visited{ margin:0px 0px 0px 0px; padding:0px 20px 4px 0px; display:block; } #header-menu-decouvrez a:hover{ background:url(images/header_bg.gif) -96px 1px no-repeat; } #header-menu-recrute a:hover{ background:url(images/header_bg.gif) -225px 1px no-repeat; } #header-menu-agences a:hover{ background:url(images/header_bg.gif) -336px 1px no-repeat; } #header-menu-brochures a:hover{ background:url(images/header_bg.gif) -426px 1px no-repeat; } #metanav-menu2{ margin:0px 0px 0px 0px; } #metanav-menu2 li{ margin:0px 0px 0px 0px; padding:0px 3px 0px 30px; float:left; } #metanav-menu2 li a:link, #metanav-menu2 li a:visited{ margin:0px; padding:0px 0px 5px 0px; display:block; } #header-menu-presse a:hover{ background:url(images/header_bg.gif) -563px 1px no-repeat; } #header-menu-entreprise a:hover{ background:url(images/header_bg.gif) -669px 1px no-repeat; } #metanav span{ visibility:hidden; } #menu{ height:61px; overflow:hidden; position:relative; left:0px; top:0px; z-index:100; } #menu ul{ margin:13px 0px 0px 0px; padding:0px; list-style:none; } #menu ul li{ margin:0px; padding:0px; display:inline; font-size:1.4em; } #menu ul li a:link, #menu ul li a:visited{ background-position:top center; background-repeat:no-repeat; padding:0px 25px 0px 25px; } #menu ul li a:hover, #menu ul li a.actif{ background-color:#670004; background-position:bottom center; border-bottom:solid 1px #670004; } #menu ul li a span{ visibility:hidden; } #m-destinations a{ background-image:url(images/m-destinations.gif); } #m-type-voyage a{ background-image:url(images/m-type-voyage.gif); } #m-activites a{ background-image:url(images/m-activites.gif); } #m-incentive a{ background-image:url(images/m-incentive.gif); } #menu ul li ul{ margin:0px; background-color:#670004; position: absolute; /*left: -999em;*/ width:100%; left: 0px; top:31px; display: none} #menu ul li ul li{ font-size:0.7em; } #menu ul li ul li a:link, #menu ul li ul li a:visited{ color:#e0b672; background-image:url(images/lili-separ.gif); background-repeat:no-repeat; background-position:right; padding:8px 15px 8px 15px; display:block; float:left; } #menu ul li ul li a:hover{ color:#FFFFFF; background-color:transparent; } #menu li ul ul { margin: -1em 0 0 9em; } /*#menu li:hover ul ul, #menu li:hover ul ul ul { left: -999em; } #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul { left: 0px; top:31px; }*/ #footer{ clear:both; color:#d7af6e; padding:15px 0px 0px 0px; height:60px; } #footer-textes{ float:left; margin:0px 0px 0px 45px; } #footer-textes ul{ margin:0px; padding:0px; list-style:none; } #footer-textes ul li{ margin:0px; padding:0px; display:inline; } #footer-textes ul li a:link, #footer-textes ul li a:visited{ color:#d7af6e; padding:0px 3px 0px 3px; } #footer-textes ul li a:hover{ color:#fff; } #footer-textes p{ font-size:0.9em; color:#d33222; } #footer-textes p a:link, #footer-textes p a:visited{ color:#d33222; } #footer-textes p a:hover{ color:#fff; } #ceto{ float:left; margin:0px 0px 0px 30px; } #first-choice{ float:right; width:250px; } /***************************************************************************************************/ /************************************************ css home *****************************************/ /***************************************************************************************************/ /* voir aventuria-home.css */ /***************************************************************************************************/ /******************************************* css interieur *****************************************/ /***************************************************************************************************/ #bandeau-visuel{ width:960px; height:140px; } #content{ background-image:url(images/content-bg.gif); background-repeat:repeat-y; background-position:right; } #content2{ background-image:url(images/content2-bg.jpg); background-repeat:no-repeat; background-position: top right; } #colonne-gauche{ width:154px; float:left; margin:-16px 0px 0px 0px; } #colonne-gauche ul{ margin:0px; padding:50px 0px 0px 0px; list-style:none; border-bottom:solid 1px #e0b672; background-position:top left; background-repeat:no-repeat; } #colonne-gauche ul.votredestination{ background-image:url(images/colgauche-votredestination.gif); } #colonne-gauche ul.aventuria{ background-image:url(images/colgauche-aventuria.gif); } #colonne-gauche ul.activites{ background-image:url(images/colgauche-activites.gif); } #colonne-gauche ul.prolongercontact{ background-image:url(images/colgauche-prolongercontact.gif); } #colonne-gauche ul.monaventuria{ background-image:url(images/colgauche-monaventuria.gif); } #colonne-gauche ul.demanderdevis{ background-image:url(images/colgauche-demanderdevis.gif); } #colonne-gauche ul.espaceentreprise{ background-image:url(images/colgauche-espaceentreprise.gif); } #colonne-gauche ul.espacepresse{ background-image:url(images/colgauche-espacepresse.gif); } #colonne-gauche ul.nosbrochures{ background-image:url(images/colgauche-nosbrochures.gif); } #colonne-gauche ul.nosagences{ background-image:url(images/colgauche-nosagences.gif); } #colonne-gauche ul.decouvrezaventuria{ background-image:url(images/colgauche-decouvrezaventuri.gif); } #colonne-gauche ul.incentive{ background-image:url(images/colgauche-incentive.gif); } #colonne-gauche ul.typevoyage{ background-image:url(images/colgauche-typevoyage.gif); } #colonne-gauche ul span{ display:none; } #colonne-gauche ul li{ margin:0px; padding:0px; border-top:solid 1px #e0b672; text-align:right; font-weight:bold; } #colonne-gauche ul li a:link, #colonne-gauche ul li a:visited{ color:#d7af6e; display:block; background-image:url(images/puce-colgauche.gif); background-position:right; background-repeat:no-repeat; padding:3px 10px 3px 0px; } #colonne-gauche ul li a:hover{ background-color:#380006; color:#FFFFFF; } #colonne-gauche ul li strong, #colonne-gauche ul li a.actif{ display:block; background-color:#380006; color:#FFFFFF; background-image:url(images/puce-colgauche.gif); background-position:right; background-repeat:no-repeat; padding:3px 10px 3px 0px; margin-bottom:1px; } #colonne-gauche ul li ul{ margin:0px; padding:0px 0px 0px 0px; border-bottom:none; background-image:none; } #colonne-gauche ul li ul li{ margin:0px; padding:0px; border-top:none; font-weight:normal; } #colonne-gauche ul li ul li a:link, #colonne-gauche ul li ul li a:visited{ color:#d7af6e; display:block; background-image:none; padding:2px 20px 2px 0px; } #colonne-gauche ul li ul li a:hover, #colonne-gauche ul li ul li a.actif{ background-color:#b6000b; color:#FFFFFF; font-weight:bold; background-image:url(images/puce-colgauche2.gif); background-position:right; background-repeat:no-repeat; } #colonne-gauche ul li ul li strong{ display:block; background-color:#b6000b; color:#FFFFFF; background-image:url(images/puce-colgauche2.gif); background-position:right; background-repeat:no-repeat; padding:2px 20px 2px 0px; margin-bottom:0px; } #colonne-droite{ width:147px; float:right; margin:16px 19px 0px 0px; } #colonne-droite-listing{ width:147px; float:right; margin:-41px 0px 0px 15px; } #colonne-droite ul, #colonne-droite-listing ul{ margin:0px 0px 20px 0px; list-style:none; border-bottom:solid 1px #bd9960; background-position:top left; background-repeat:no-repeat; } /***********************************************************************/ /* on differencie les liste de la colonne de droite par un identifiant */ #coldroite-infos-pays { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-pays.gif); } #coldroite-infos-voyage { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-voyage.gif); } #coldroite-infos-activite { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-activite.gif); } #coldroite-infos-typevoyage { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-typevoyage.gif); } #coldroite-plus-dinfos { padding:29px 0px 0px 0px; background-image:url(images/coldroite-plusdinfos.gif); } #coldroite-plus-dinfos li{ background-color:#FFFFFF; border-left:solid 1px #bd9960; border-right:solid 1px #bd9960; } #coldroite-plus-dinfos li a:link, #coldroite-plus-dinfos li a:visited,#coldroite-plus-dinfos li a:hover{ color:#000000; } #colonne-droite ul li a strong{ display:block; color:#000; background-image:none; padding:0px; } #coldroite-cadeau-mariage { padding:30px 0px 0px 0px; background-image:url(images/coldroite-cadeau-mariage.gif); } #coldroite-videos{ padding:32px 0px 0px 0px; background-image:url(images/coldroite-videos.gif); } #coldroite-temoignages { margin:0px 0px 10px 0px; } #coldroite-envoyer-ami { } /***********************************************************************/ #colonne-droite ul span, #colonne-droite-listing ul span{ display:none; } #colonne-droite ul li, #colonne-droite-listing ul li{ margin:0px; padding:0px; border-top:solid 1px #bd9960; } #colonne-droite ul li a:link, #colonne-droite ul li a:visited, #colonne-droite-listing ul li a:link, #colonne-droite-listing ul li a:visited{ display:block; color:#b6000b; background:url(images/puce-coldroite.gif) left no-repeat; padding:3px 0px 3px 15px; } #colonne-droite li a:hover, #colonne-droite-listing li a:hover{ font-weight:bold; } #colonne-droite ul li strong, #colonne-droite-listing ul li strong{ display:block; color:#b6000b; background-image:url(images/puce-coldroite.gif); background-position:left; background-repeat:no-repeat; padding:3px 0px 3px 15px; } #colonne-main{ float:left; width:611px; margin:0px 0px 0px 19px; } #fildariane{ text-align:right; color:#bb0007; font-size:0.9em; margin:0px 19px 0px 172px; padding:5px 0px 0px 0px; } #fildariane a{ color:#bb0007; } #topetprint{ border-top:solid 1px #bd9960; margin:20px 19px 0px 172px; padding:6px 0px 25px 20px; background-image:url(images/topetprint.gif) no-repeat 0px 8px; } #topetprint a{ padding:0px 35px 0px 0px; color:#380006; font-size:0.9em; } #footer-interieur{ margin:10px 0px 0px 154px; } #interieur-offre-exception{ float:left; width:234px; height:110px; overflow:hidden; margin:0px 5px 0px 0px; } #interieur-demande-devis{ float:left; height:96px; background-color:#e7ce85; width:142px; padding:7px; margin:0px 5px 0px 0px; } #interieur-demande-devis h5{ background:url(images/h2-demande-devis.gif) top left no-repeat; margin:0px 0px 15px 0px; padding:0px; font-size:0.1em; text-indent:-9998px; height:12px; } #interieur-demande-devis a:link, #interieur-demande-devis a:visited{ border:solid 1px #380006; background-color:#380006; display:block; padding:5px; margin:15px 0px 0px 0px; background-image:url(images/b-demander-devis.gif); background-position:right; background-repeat:no-repeat; } #interieur-demande-devis a:hover{ border:solid 1px #e7ce85; } #interieur-demande-devis a span{ visibility:hidden; } #interieur-footer-liens{ float:left; width:234px; height:110px; overflow:hidden; } #interieur-footer-liens img{ margin:0px 0px 9px 0px; } #interieur-prolonger-contact{ float:right; width:153px; background-color:#b6000b; padding:7px; height:96px; } #interieur-prolonger-contact h5{ background-image:url(images/h2-prolonger-contact.gif); background-color:#b6000b; height:12px; background-position:top left; background-repeat:no-repeat; font-size:0.1em; margin:0px 0px 10px 0px; font-size:0.1em; text-indent:-9998px; } #interieur-prolonger-contact ul{ margin:0px; padding:0px; list-style:none; } #interieur-prolonger-contact ul li{ margin:0px; padding:0px; font-size:0.9em; } #interieur-prolonger-contact ul li a:link, #interieur-prolonger-contact ul li a:visited{ display:block; color:#e0b672; border-bottom:solid 1px #e0b672; padding:2px 0px 2px 10px; background-image:url(images/puce-triangle-blanc.gif); background-position:1px 6px; background-repeat:no-repeat; } #interieur-prolonger-contact ul li a:hover{ color:#fff; } #interieur-mon-aventuria{ background:url(images/h2-mon-aventuria.gif) 10px 10px no-repeat #380006; padding:7px; height:20px; margin:5px 0px 0px 0px; } #interieur-mon-aventuria h5{ height:14px; float:left; width:130px; font-size:0.1em; text-indent:-9998px; } #interieur-mon-aventuria form{ float:left; width:150px; } .interieur-mon-aventuria-input{ font-size:0.9em; background-color:#380006; border:solid 1px #e7ce85; color:#e0b672; padding:0px; margin:0px; height:19px; } #interieur-mon-aventuria a{ color:#b6000b; font-size:0.9em; } /***************************************************************************************************/ /********************************************** css styles *****************************************/ /***************************************************************************************************/ h1{ color:#9d0f0f; font-size:1.6em; background:url(images/h1.gif) left no-repeat; height:22px; padding:6px 0px 5px 50px; margin:13px 0px 10px 0px; border-bottom:solid 1px #bd9960; font-weight:normal; } h1 a{ float:right; font-size:0.6em; margin:-13px 0px 0px 0px; background:url(images/puce-lien-h1.gif) right no-repeat; padding:0px 12px 0px 0px; } h2{ background-color:#e7ce85; margin:15px 0px 1px 0px; padding:5px 0px 0px 5px; height:20px; font-size:1.3em; color:#9d0f0f; background-position:top left; background-repeat:no-repeat; } h3{ color:#f2e0ab; background:url(images/degrade-rouge.jpg) top left repeat-y #b6000b; margin:0px; padding:5px 5px 5px 10px; font-size:1em; } .bloc-fond-blanc{ background-color:#FFFFFF; padding:10px; margin:0px; } .bloc-rouge{ background:url(images/bloc-rouge-bg.jpg) top repeat-x; margin:0px; padding:10px; color:#d7af6e; } .bloc-rouge table{ color:#333333; } .bloc-rouge table.bloc-prix { color:#D7AF6E; float: left; } .image-adroite{ float:right; margin:0px 0px 5px 10px; } .image-agauche{ float:left; margin:0px 10px 10px 0px; } .txt-rouge{ color:#9d0f0f; } .txt-blanc{ color:#FFFFFF; } .hautdepage{ text-align:right; } .hautdepage a{ color:#333333; font-size:0.9em; background:url(images/hautdepage.gif) left no-repeat; padding:0px 0px 0px 20px; margin:5px 0px 0px 0px; } table{ font-size:1em; } .titre-escale{ border-bottom:solid 1px #bd9960; margin:20px 0px 0px 0px; color:#9d0f0f; font-size:1.1em; } .p-escale{ text-align:justify; padding-left:10px; padding-right:10px; } /**************************************** Mon Aventuria *********************************************/ #monaventuria-photos{ margin:10px 0px 0px 0px; } .monaventuria-photo{ float:left; width:110px; height:93px; background-color:#e7ce85; border:solid 1px #c19e66; overflow:hidden; margin:0px 10px 10px 0px; } #h2-ajouterphoto{ background-image:url(images/h2-ajouterphoto.gif); } #h2-partagercarnet{ background-image:url(images/h2-partagercarnet.gif); } .input-beige{ border:solid 1px #beab95; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:2px; } #table-ajout-photo{ margin:10px 0px 10px 0px; } #table-ajout-photo td{ padding:4px 2px 2px 0px; } #table-partage-carnet{ margin:10px 0px 20px 0px; } #table-partage-carnet th{ text-align:left; border-right:solid 1px #f0e0b1; } #table-partage-carnet td, #table-partage-carnet th{ border-bottom:solid 1px #f0e0b1; padding:2px 2px 2px 10px; } #table-partage-ajout{ border-top:solid 1px #e7ce85; } #table-partage-ajout td{ padding-top:10px; } /****************************************** Fiche Produit *********************************************/ #fiche-entete-fond{ background:url(images/fiche-entete-bg.gif) left repeat-y; margin:0px 0px 10px 0px; } #fiche-photos{ float:left; width:195px; margin:0px 0px 0px 0px;} #fiche-produit-agrandir-photo{ margin:0px; background:#ad7b32; color:#f5e5b4; border-bottom:solid 7px #f5e5b4; } #fiche-produit-agrandir-photo td{ padding:1px; margin:0px; } #fiche-entete{ background:url(images/fiche-produit-entete-bg.jpg) top repeat-x; float:right; width:410px; margin:0px 0px 0px 0px; } #fiche-entete h4{ background-image:none; background:#380107; color:#FFFFFF; padding:8px 0px 8px 10px; font-size:1em; margin:0px; } #fiche-entete ul{ margin:20px 0px 10px 15px; padding:0px; list-style:none; float:left; color:#d7af6e; width:230px; } #fiche-entete ul li{ padding:0px 0px 0px 10px; background-image:url(images/puce.gif); background-position:0px 6px; background-repeat:no-repeat; } #fiche-entete-infos{ float:right; background-image:url(images/fiche-entete-infos.gif); background-position:top left; background-repeat:no-repeat; width:120px; padding:20px 0px 20px 30px; color:#FFFFFF; } #h2-carnetderoute{ background-image:url(images/h2-carnetderoute.gif); margin-bottom:10px; } #h2-prixoptions{ background-image:url(images/h2-prixoptions.gif); } #h2-datedepart{ background-image:url(images/h2-datesdepart.gif); } #h2-carnetderoute, #h2-prixoptions, #h2-datedepart{ font-size:0.1em; text-indent:-9998px; } #carte-pays{ float:left; padding:0px 10px 10px 0px; margin:0px 10px 0px 0px; width:195px; background-color:#f5e5b4; } .table-etape-de-charme, .table-escapades, .table-prolongez_votre_sejour{ font-size:1em; margin:5px 0px 20px 0px; width:100%; clear:both; } .table-etape-de-charme-globe, .table-escapades-globe, .table-prolongez_votre_sejour-globe{ background:url(images/table-etape-charme-globe.jpg) top left no-repeat; width:44px; height:52px; border-bottom:solid 1px #bd9960; } .table-etape-de-charme th, .table-escapades th, .table-prolongez_votre_sejour th{ background:url(images/table-etape-charme-th-bg.gif) top right no-repeat; height:33px; } .table-etape-de-charme th span{ background:url(images/table-etape-charme-th.gif) 0px 0px; display:block; width:80%; text-indent:-9998px; padding:0px 0px 18px 0px; } .table-etape-de-charme-tr, .table-escapades-tr, .table-prolongez_votre_sejour-tr{ background:url(images/table-etape-charme-tr.jpg) top right no-repeat; border-bottom:solid 1px #bd9960; padding:3px 0px 3px 10px; } .table-etape-de-charme-bordure-droite, .table-escapades-bordure-droite, .table-prolongez_votre_sejour-bordure-droite{ border-right:solid 1px #bd9960; border-bottom:solid 1px #bd9960; padding:1px 0px 0px 0px; width:133px; } .table-etape-de-charme-bordure-droite a, .table-escapades-bordure-droite a, .table-prolongez_votre_sejour a{ color:#b6000b; background:url(images/table-etape-charme-tr2.jpg) -5px -1px no-repeat; padding:0 0 0 10px; } .table-etape-de-charme-bordure-gauche, .table-escapades-bordure-gauche, .table-prolongez_votre_sejour-bordure-gauche{ border-left:solid 1px #bd9960; border-bottom:solid 1px #bd9960; } .table-escapades th span{ background:url(images/table-escapades-th.gif) 0px 0px; display:block; width:80%; text-indent:-9998px; padding:0px 0px 18px 0px; } .table-prolongez_votre_sejour th span{ background:url(images/table-prolongez_votre_sejour-th.gif) 0px 0px; display:block; width:80%; text-indent:-9998px; padding:0px 0px 18px 0px; } .ce-voyage-vous-interesse{ background:#e7ce85 url(images/ce-voyage-vous-interesse.gif) top left no-repeat; padding:40px 0px 0px 85px; height:25px; } .ce-voyage-vous-interesse a{ color:#333333; font-weight:bold; } #lien-dates-depart{ margin:5px 0px 20px 0px; } #lien-dates-depart a{ color:#b6000b; font-weight:bold; } .table-prix-et-options{ margin:5px 0px 20px 0px; } .table-prix-et-options th, .table-prix-et-options td{ padding:2px; border-bottom:solid 1px #bd9960; text-align:left; } .table-prix-et-options th{ color:#b6000b; } /****************************************** Listing voyages *********************************************/ #colonne-main-listing{ float:left; width:770px; margin:0px 0px 0px 19px; } #colonne-main-listing h1{ width:558px; } #listing-entete{ background:#b50007 url(images/listing-entete.gif) top repeat-x; color:#d7af6e; float:right; width:374px; padding:5px 18px 5px 18px;height:145px; } #listing-entete-grand{ background:#b50007 url(images/listing-entete.gif) top repeat-x; color:#d7af6e; float:right; width:524px; padding:5px 18px 5px 18px;height:145px; } #listing-entete a:link, #listing-entete a:visited, #listing-entete a:hover, #listing-entete-grand a:link, #listing-entete-grand a:visited, #listing-entete-grand a:hover{ padding:0px 0px 0px 10px; background:url(images/puce-triangle-blanc.gif) left no-repeat; color:#d7af6e; } #h2-notreselection{ background-image:url(images/h2-notreselection.gif); margin:0px;font-size:0.1em; text-indent:-9998px; } .table-listing-voyages{ background-color:#FFFFFF; margin:10px 0px 0px 0px; } .table-listing-voyages th{ background-color:#e7ce85; color:#85000d; font-size:0.9em; font-weight:normal; } .table-listing-voyages td{ } .table-listing-separ{ background:#f5e5b4; padding:0px; height:1px; } .table-listing-img, .table-listing-description, .table-listing-type, .table-listing-activite, .table-listing-tarifs{ padding:5px; } .table-listing-description strong, .table-listing-tarifs{ color:#9d0f0f; } .table-listing-activite ul{ margin:0px; padding:0px; list-style:none; } .table-listing-activite ul li{ padding:0px 0px 0px 6px; background:url(images/puce-coldroite.gif) -5px 5px no-repeat; } .table-listing-tarifs a:link, .table-listing-tarifs a:visited, .table-listing-tarifs a:hover{ color:#000000; display:block; width:125px; height:20px; padding:8px 0px 0px 12px; background:url(images/b-demander-devis-table.gif) top left no-repeat; font-size:0.9em; } /********************************************* Infos pays ***********************************************/ #h2-geographie{ background-image:url(images/h2-geographie.gif); } #h2-climat{ background-image:url(images/h2-climat.gif); } #h2-formalites{ background-image:url(images/h2-formalites.gif); } #h2-decalagehoraire{ background-image:url(images/h2-decalagehoraire.gif); } #h2-sante{ background-image:url(images/h2-sante.gif); } #h2-langue{ background-image:url(images/h2-langue.gif); } #h2-monnaie{ background-image:url(images/h2-monnaie.gif); } #h2-courantelectrique{ background-image:url(images/h2-courantelectrique.gif); } #h2-mesure{ background-image:url(images/h2-mesure.gif); } #h2-telephone{ background-image:url(images/h2-telephone.gif); } #h2-bagages{background-image:url(images/h2-bagages.gif); } #h2-transport{ background-image:url(images/h2-transport.gif); } #h2-hebergement{ background-image:url(images/h2-hebergement.gif); } #h2-partenaires{ background-image:url(images/h2-partenaires.gif); } #h2-shopping{ background-image:url(images/h2-shopping.gif); } #h2-pourboires{background-image:url(images/h2-pourboires.gif); } #h2-divers{background-image:url(images/h2-divers.gif); } #h2-geographie, #h2-climat, #h2-formalites, #h2-decalagehoraire, #h2-sante, #h2-langue, #h2-monnaie, #h2-courantelectrique, #h2-mesure, #h2-telephone, #h2-bagages, #h2-transport, #h2-hebergement, #h2-partenaires, #h2-shopping, #h2-pourboires, #h2-divers{ font-size:0.1em; text-indent:-9998px; } .infos-pays{ } .infos-pays p{ text-align:justify; } .infos-pays ul{ margin:10px; padding:0px 0px 0px 10px; list-style:none; } .infos-pays ul li{ margin:0px; padding:0px 0px 0px 10px; background:url(images/infos-pays-li-puce.gif) 0px 4px no-repeat; } #coldroite-infos-pays-ancres { padding:30px 0px 0px 0px; background-image:url(images/coldroite-infos-pays.gif); } #coldroite-infos-pays-ancres li ul, #coldroite-infos-pays-ancres li ul li{ margin:0px; padding:0px 0px 2px 0px; border:0px; } #coldroite-infos-pays-ancres li ul li a:link, #coldroite-infos-pays-ancres li ul li a:visited, #coldroite-infos-pays-ancres li ul li a:hover{ background-image:none; padding:0px; font-weight:normal; } #coldroite-infos-pays-ancres li strong.actif{ color:#FFFFFF; margin:0px 0px 2px 0px; background: url(images/puce-triangle-blanc.gif) 5px 8px no-repeat #b6000b; } /****************************************** Page type 1 colonne ********************************************/ #colonne-main-1colonne{ float:left; width:770px; margin:0px 0px 0px 19px; } .page-type{ } .page-type p{ text-align:justify; } .page-type ul{ margin:10px; padding:0px 0px 0px 10px; list-style:none; } .page-type ul li{ margin:0px; padding:0px 0px 0px 10px; background:url(images/infos-pays-li-puce.gif) 0px 4px no-repeat; } .fond-blanc{ background-color:#FFFFFF; padding:20px; margin-top:10px; margin-bottom:10px; } /****************************************** Détails agence ********************************************/ #agence-photos{ float:left; width:194px; height:153px; margin:0px 0px 10px 0px; border:solid 1px #b48947; padding:0px; } #agence-entete{ background:#b50007 url(images/listing-entete.gif) top repeat-x ; color:#d7af6e; float:right; width:533px; padding:0px 18px 5px 18px; height:151px; } #agence-entete a { color:#d7af6e; } #agence-entete ul{ margin:0px 20px 0px 15px; padding:15px 0px 0px 0px; list-style:none; float:right; color:#d7af6e; width:180px; } #agence-entete ul li{ padding:0px 0px 0px 10px; background-image:url(images/puce.gif) left no-repeat; } #agence-entete ul li strong{ color:#FFFFFF; } #agence-entete div{ float:left; background:url(images/fiche-entete-infos.gif) top right no-repeat; width:300px; padding:15px 0px 7px 10px; color:#FFFFFF; } #agence-entete small{ background:url(images/puce-triangle-blanc.gif) left no-repeat; padding:0px 0px 0px 10px; } #h2-acces{ background-image:url(images/h2-acces.gif); font-size:0.1em; text-indent:-9998px; } #agence-infos-acces{ background:#FFFFFF; margin:10px 0px 0px 0px; padding:30px; width:305px; float:left; height:315px; } #agence-infos-acces strong{ color:#9d0f0f; } #agence-carte-acces{ float:right; margin:10px 0px 0px 0px; } #agence-infos-acces li { list-style-position: outside; list-style-image: url(images/puce.gif); list-style-type: none; font-weight:bold;} #h2-acces{ background-image:url(images/h2-acces.gif); } /********************************************** Plan du site ***********************************************/ #plandusite{ } #plandusite a{ display:block; } #plandusite ul{ margin:0px; padding:0px; list-style:none; } #plandusite ul li{ margin:0px; padding:0px; font-weight:bold; } #plandusite ul li a{ background-color:#e7ce85; margin:10px 0px 1px 0px; padding:5px 0px 5px 5px; font-size:1.1em; } #plandusite ul li ul li{ background:#f5e5b4; margin:0px 0px 0px 20px; padding:0px 0px 0px 15px; font-weight:normal; } #plandusite ul li ul li a{ background:#f5e5b4; margin:0px; padding:0px 0px 0px 15px; font-weight:normal; } #plandusite ul li ul li ul li a{ background:url(images/puce-coldroite.gif) left no-repeat; color:#333333; font-size:0.9em; } /********************************************** témoignages ***********************************************/ .bloc-temoignage1{ background:url(images/temoignage-quote1.gif) top left no-repeat; padding:0px; margin:10px 0px 10px 0px; } .bloc-temoignage2{ background:url(images/temoignage-quote2.gif) bottom right no-repeat; padding:15px 50px 15px 50px; } /*********************************************************************************************************************/ /********************************************** Formulaires de contact ***********************************************/ /****************** Spécifiques ACTi only - les autres sont dans la css du plugin forms_et_tables ********************/ /*********************************************************************************************************************/ .acti_forms{ } .acti_forms .spip_form_champ{ margin-bottom: 0; display: block; clear: both; margin-top: 1em; } .acti_forms .spip_form_champ_calendrier{ margin-bottom: 0px; display: block; clear: both; margin-top: 1em; width:250px; height:25px; } .acti_forms .spip_form_label label, .acti_forms .spip_form_label .label { text-align:left; font-weight: bold; color:#000000; } .acti_forms .spip_form_label_obligatoire { font-weight: normal; font-style:italic; font-size:.9em; } .acti_forms fieldset{ border:solid 1px #bd9960; padding:10px; margin:10px 0px 10px 0px; } .acti_forms fieldset legend{ color:#9d0f0f; font-weight:bold; padding:0px 5px 0px 5px; } .acti_forms input, .acti_forms select, .acti_forms textarea{ border:solid 1px; padding:.25em; margin:0px 10px 0px 10px; border-color:#AF896F rgb(226, 206, 193) rgb(226, 206, 193) rgb(175, 137, 111); } .acti_forms select{ padding:0px; } .acti_forms input.obligatoire, .acti_forms select.obligatoire, .acti_forms textarea.obligatoire{ background:#FFFDE7; } .acti_forms .spip_bouton input { border: 1px solid #563033; cursor:pointer; padding:.4em; background:#F0E6DC; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; width:100px ; color:#4A4336; margin:0px 0px 10px 0px; } .acti_forms textarea{ font-family:Arial, Helvetica, sans-serif; font-size:1em; width:80%; } /************** tableaux dans les formulaires **********************/ .acti_forms table{ margin:10px 0px 0px 0px; } .acti_forms table th{ text-align:left; padding:0px 0px 0px 10px; } /*************** SLIDER ***********************/ /* slider styles [ begin ] */ #produits-nav-dest {padding-top:10px;} #produits-nav-dest .fl { float: left; display: inline; border-right: 1px solid #f5e5b4; } #produits-nav-dest.news_slider {clear:both; position: relative; width: 805px; height:140px; overflow: hidden; margin:0px 0px 3px 154px; background-image: url(images/produits-nav-dest_fond.gif); background-repeat: repeat-x;} #produits-nav-dest.news_slider .prev, #produits-nav-dest.news_slider .next { position: absolute; top: 0px; display: none; } #produits-nav-dest.news_slider .next { right: 0; } #produits-nav-dest.news_slider .news_items { position: relative; width: 735px; left: 32px; overflow: hidden; } #produits-nav-dest.news_slider .news_items .view_all { display:none; } #produits-nav-dest.news_slider .news_items .container { position: relative; top: 0; left: 0; } #produits-nav-dest.news_slider .news_items .container .item { width:106px; padding:5px 8px 0px 8px; text-align:center; } #produits-nav-dest.news_slider .news_items .container .actif { border-right: 1px solid #f5e5b4;} #produits-nav-dest.news_slider .news_items .container #article-vide { display:none; } #produits-nav-dest.news_slider .news_items .container .item a { display:block; width:106px; height:121px; text-decoration:none; color:#9d0f0f; } #produits-nav-dest.news_slider .news_items .container .item a span { background-color:#ffffff; display:block; padding:3px 0px 0px 0px; font-weight:bold; } #produits-nav-dest.news_slider img {padding-right:10px;} /* slider styles [ end ] */ /*************** SLIDER GAUCHE ***********************/ /* slider styles [ begin ] */ #produits-nav-dest-gauche {margin-top:10px; background-color:#FFFFFF;} #produits-nav-dest-gauche .fl { float: left; display: inline; border-right: 0px; } #produits-nav-dest-gauche.news_slider {clear:both; position: relative; width: 150px; height:140px; overflow: hidden;} #produits-nav-dest-gauche.news_slider .prev, #produits-nav-dest-gauche.news_slider .next { position: absolute; top: -10px; display: none; margin:0px; padding:0px; } #produits-nav-dest-gauche.news_slider .next { right: 0; } #produits-nav-dest-gauche.news_slider .news_items { position: relative; width: 90px; overflow: hidden; left:30px; top:5px; } #produits-nav-dest-gauche.news_slider .news_items .view_all { display:none; } #produits-nav-dest-gauche.news_slider .news_items .container { position: relative; top: 0; left: 0; } #produits-nav-dest-gauche.news_slider .news_items .container .item { width:90px; padding:5px 0px 0px 0px; text-align:center; } #produits-nav-dest-gauche.news_slider .news_items .container .actif { border-right: 0px;} #produits-nav-dest-gauche.news_slider .news_items .container #article-vide { display:none; } #produits-nav-dest-gauche.news_slider .news_items .container .item a { display:block; width:90px; height:121px; text-decoration:none; color:#9d0f0f; margin:0px 0px 0px 0px; } #produits-nav-dest-gauche.news_slider .news_items .container .item a span { background-color:#ffffff; display:block; padding:3px 0px 0px 0px; font-weight:bold; } #produits-nav-dest-gauche.news_slider img {padding:0px;} /* slider styles [ end ] */ /** ajout SGO : 08/10/2008 **/ div#fiche-entete-infos a { color:#E7CE85; font-weight:normal; } div#fiche-entete-infos a:HOVER { color:#FFFFFF; font-weight:normal; } /******************************************* RESERVATION ******************************************/ .table-listing-tarifs a.reservation_a:link, .table-listing-tarifs a.reservation_a:visited, .table-listing-tarifs a.reservation_a:hover{ color:#000000; display:block; width:125px; height:20px; padding:8px 0px 0px 12px; background:url(images/b-reserver-en-ligne.gif) top left no-repeat; font-size:0.9em; } #colonne-droite a.reservation_a { width: 147px; height: 30px; background-image: url('images/coldroite-reserver-en-ligne.gif'); display: block; text-indent: -9000em; margin-bottom: 15px;} .vous-etes-decide{ background:#e7ce85 url(images/vous-etes-decide.gif) top left no-repeat; padding:40px 0px 0px 85px; height:25px; } .vous-etes-decide a{ color:#333333; font-weight:bold; } /********************************************* Infos pays ***********************************************/ .reservation input[type=submit]{ background:#79000E; color:#FFFDE7; } .reservation input[type=button]{ background:#79000E; color:#FFFDE7; } .reservation input{font-size:0.95em; } .reservation fieldset{ margin:10px;} .reservation fieldset legend{font-size:1.2em; padding:0px 5px 5px 5px; } .reservation .spip_form_label{color:#79000E;} .reservation .spip_form_label label{color:#79000E;} .reservation .spip_form_champ {margin-top:5px} .reservation fieldset#raid legend { background:url(images/pictos/world.gif)5px 1px no-repeat;padding: 0px 5px 15px 23px; margin: 10px 0px 0px 15px;} .reservation fieldset#raid{ border:solid 1px #CFB874;} .reservation fieldset#coordonnees legend { background:url(images/pictos/contact-picto.gif) 5px 6px no-repeat; padding: 0px 5px 15px 20px; margin: 10px 0px 0px 0px; } .reservation fieldset#coordonnees {width: 350px; float: left; border:solid 1px #CFB874;} .reservation fieldset#coordonnees .spip_form_champ {} .reservation fieldset#adresse legend { background:url(images/pictos/contact-picto.gif) 5px 6px no-repeat; padding: 0px 5px 15px 20px; margin: 10px 0px 0px 0px;} .reservation fieldset#adresse { float:right; width: 336px; border:solid 1px #CFB874; height: 194px;} .reservation fieldset#preferences legend { background:url(images/pictos/ico-options.gif)5px 5px no-repeat;padding: 0px 5px 15px 20px; margin: 10px 0px 0px 0px;} .reservation fieldset#preferences { clear:both; border:solid 1px #CFB874;} .reservation fieldset#preferences page-type p {} .reservation fieldset#participants legend{background:url(images/pictos/participants.gif)5px 2px no-repeat;padding: 0px 10px 15px 20px; margin: 10px 0px 0px 0px;} .reservation fieldset#participants .spip_form_label label{ } .reservation fieldset#participants .spip_form_label {} .reservation fieldset#participants .spip_form_champs {margin-top:15px;} .reservation fieldset#participants .spip_form_label {padding-top:8px; }