/* CSS gite dordogne par Martin Bouny ------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html {font-size: 100%;} body { font-family: Arial,Helvetica,sans-serif; font-size: 0.88em; color:#ffce8f; background: #000000; } ol { margin-left: 10px; padding: 0px 0px 5px 3px; list-style: decimal; } li { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } ul { list-style: none; margin: 0px 0px 20px 10px; } h1, h2, h3, h4 {font-weight: bold;} h1 { font-size: 2.43em; letter-spacing: 1.5px; color:#ffb85a; } h2 { font-size: 1.29em; color:#ffb85a;} h3 { font-size: 1em; text-transform:uppercase;} p { padding: 0px 0px 5px 0px; } a, a:link, a:active { text-decoration: none; font-weight: bold; color: #ffa024; outline:none; } a:visited {} a:hover {text-decoration: underline;} a img, img {border: none;} p img {padding: 0; max-width: 100%;} /* Commun ------------------------------------------------------------------------- */ .contenu { margin:0 auto; position:relative; width:931px; } .accessibilite {display:none;} .puceGrosse{background: url('images/puce-grosse.jpg') no-repeat top left; width:45px; height:70px; float:left;} .placementMaxGallerie {float:left; padding:8px 0px 10px 0px; !important /*le margin bugge avec IE7....*/} /* Systeme de pagination */ .placementPagination {position:absolute; bottom:4px; left:54px; line-height:30px;} .placementPagination a, .placementPagination a:visited {padding: 5px; border: 1px solid #b2b2b2; color: #ffa024; margin:3px; background-color: #ebebeb;} .placementPagination a:hover {border: 1px solid #b2b2b2; color: #ffffff; background-color: #ffa024; text-decoration:none;} .placementPagination a:active{border: 1px solid #000000; color: #ffa024; background-color: #5c8f55;} .ditto_currentpage {background-color: #5c8f55; color: #FFF !important; border: 1px solid #115d07; font-weight: bold; cursor: default; padding: 5px; margin:3px;} .ditto_page {} .ditto_next_link {} .ditto_previous_link {} .ditto_previous_off, .ditto_off {background-color: #ebebeb; color: #ffffff; border: 1px solid #ebebeb; cursor:default; padding: 5px; margin:3px;} /* commentaires */ .enteteComment {padding:15px 12px 2px 12px;} .dateComment {float:left; margin: 0px 4px 0px 0px; font-weight:bold;} .contenuComment {background-color:#390000; padding:10px; border:2px solid #510000; margin-bottom:15px;} /* Affichage du résultat de Ditto quand pas de résultat */ .aucunDocDitto {} /* Affichage du résultat de Ditto quand pas de résultat */ #pictoBibisFive {float:right; width:648px; text-align:right; margin-bottom:10px;} /* Entete ------------------------------------------------------------------------- */ #entete { background-image:url('images/enteteTranche.jpg'); background-repeat:repeat-x; position: relative; width:100%; height:128px; z-index:4; } #logo {float:left; width:156px; height:128px; margin:0px; padding:0px;} #languePlan {float:left; width:770px; font-size:0.79em;} #langues {float:right; } #langues img {margin: 2px 3px -2px 0px;} #planSite {float:right; margin: 2px 0px 0px 0px;} #grosTitre {float:left; width:750px; height:69px;} #grosTitre img {margin:18px 0px 0px 10px;} /* CSS du menu dans "basic_dd.css" et "basic_dd_ie.css"dans le dossier assets\templates\wayfinder ------------------------------------------------------------------------- */ /* Petite Barre pour les pattes de brebis ------------------------------------------------------------------------- */ #separationMenu { background: url('images/sousBarrePattes.jpg') no-repeat 50% ; padding:0px; height: 15px; margin-top:0px; } /* arriere plan ------------------------------------------------------------------------------- */ #background { background: url('images/background.jpg') repeat-y scroll 50% 0; min-height:400px; } /* Corps ------------------------------------------------------------------------------- */ #corps {z-index:1; padding: 0px 2px 2px 2px;} #corps #panoramique {position: relative; width:928px; height:257px;} #corps #panoramique img {position:absolute; top:0px; left:0px; padding:0px;} #corps #panoramique #textePano {position:absolute; top:42px; left:7px; padding:10px; width:142px; font-size:0.93em;} #corps #corpsTout {width:928px; overflow:auto; margin-left:2px;} #corps #corpsGauche {float:left; width:225px; overflow:auto; } #corps #corpsDroit {float:left; width:648px; margin-top:33px; overflow:auto; } /* Accueil ------------------------------------------------------------------------------- */ #accueil {z-index:1;} #accueil #panoramique #textePano {padding:8px 4px 8px 8px; margin-top:2px; font-size:0.86em; top:1px; text-align:center;} #accueil #corpsGauche {width:335px;} #accueil #corpsGauche #image {background: url('images/accueil-fleur.jpg') no-repeat top left; margin:2px 0px 0px 0px; width:313px; height:223px;} #accueil #corpsDroit {width:590px; font-size:0.86em; margin-top:0px;} #accueil #corpsDroit a {position:absolute; bottom:10px; right:12px; padding:2px 8px 3px 8px; text-align:right; background-color: #6a0000;} #accueil #commentEtPictos {float:left; width:332px; margin:12px 0px 0px 0px;} #accueil #pictos {float:left; margin:4px 0px 12px 0px; font-size:0.79em;} #accueil #pictos #pictoBebe {float:left; width:82px; text-align: center; margin:4px 0px 0px 0px;} #accueil #pictos #pictoAncv {float:left; margin:10px 20px 0px 21px;} #accueil #pictos #pictoClassementPrefecto {float:right; width:100px; text-align: center; margin:12px 0px 0px 0px;} #accueil #pictos #pictoClassementPrefecto img {padding-right:15px;} #accueil #corpsDroit #dernierCommentaire {background:url('images/accueil-livre-enfant.jpg') no-repeat bottom left; position:relative; float:left; width:322px; height:90px; background-color:#390000; border:1px solid #320000; margin:3px 0px 0px 0px;} #accueil #corpsDroit #dernierCommentaire a {bottom:5px; right:4px;} #accueil #corpsDroit #dernierCommentaire p {display:inline;} #accueil #corpsDroit #dernierCommentaire .dateComment {float:left; margin: 0px 4px 0px 0px;} #accueil #corpsDroit #dernierCommentaire .contenuComment {padding:10px 12px 0px 12px; border:none;} #accueil #caracteristiques {float:right; width:254px; height:220px; background-color:#4a0000; border:1px solid #510000; margin:3px 0px 0px 0px;} #accueil #caracteristiques #textesCaracts {background: url('images/gite-caracteristiques.jpg') no-repeat top left; margin:13px 0px 0px 22px; padding:22px 0px 0px 4px;} #accueil #caracteristiques #textesCaracts h2 {padding:10px 0px 2px 0px;} #accueil #caracteristiques #textesCaracts #liste {padding:0px 0px 0px 20px;} #accueil #caracteristiques ul {margin:0px 0px 0px 0px;} #accueil #caracteristiques li {list-style-image:url(images/puce.jpg); height:19px;} /* Location ------------------------------------------------------------------------------- */ #location #corpsGauche #image {background: url('images/location-fleur.jpg') no-repeat bottom left; margin:0px 0px 0px 0px; width:211px; height:368px;} #location #corpsDroit {margin-top:20px;} #location #corpsDroit h2 {margin-bottom:10px;} #location #corpsTout #corpsDroit #lesDispos {float:left; margin-top:20px; width:648px; float:left;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites {width:379px; height:341px; background-color:#f8f8f8; border:1px solid #c4c4c4; position:relative; float:left;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites h3 {color:#1f0000; text-align:center; margin-top:15px;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos {color:#000000; margin:15px 0px 0px 1px;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos table {color:#000000; cellspacing:2px; line-height:20px; text-align:center; font-size:0.79em; background-color:#FFFFFF;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos table a {color:#108101;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos #premiereLigne {font-weight:bold; color:#1f0000;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos td {background-color:#f8f8f8;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne1 {width:25px;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne2 {width:58px;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne3 {width:148px;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne4 {width:82px;} #location #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne5 {width:54px;} /*#location #corpsTout #corpsDroit #lesDispos #toutesDispos {width:381px; height:21px; background-color:#5b0101; position:relative; margin-bottom:16px;} #location #corpsTout #corpsDroit #lesDispos #toutesDispos a {position:absolute; bottom:3px; right:8px;}*/ #location #corpsTout #corpsDroit #cadreCaracts {float:right; width:254px; background-color:#5b0101; border:1px solid #800000; position:relative; z-index:2;} #location #corpsTout #corpsDroit #cadreCaracts #dedans {margin:10px;} #location #corpsTout #corpsDroit #cadreCaracts img {margin:3px 3px 0px 0px;} /*#location #corpsTout #corpsDroit #cadreCaracts #ancvCaracts {position:absolute; right:6px; bottom:6px; z-index:1;} #location #corpsTout #corpsDroit #cadreCaracts #listeCaracts {padding:15px 0px 0px 20px;/* font-size:0.79em;} #location #corpsTout #corpsDroit #cadreCaracts li {list-style-image:url(images/puce.jpg); height:19px;}*/ /* Toutes les locations ------------------------------------------------------------------------- */ #toutesLesLocs {padding:0px 0px 0px 35px; float:none; overflow:auto;} #toutesLesLocs .uneLoc {float:left; width:295px; margin:10px 0px 0px 0px; height:250px;} /*largeur max 240px -> bordure et image comprises*/ #toutesLesLocs .uneLoc .intermediaire {} #toutesLesLocs .uneLoc a {} #toutesLesLocs .uneLoc img {border:10px solid #390000;} #toutesLesLocs .uneLoc .txt {float:left; width:270px; text-align:center; padding:5px 0px 5px 0px; background-color:#4a0000; margin-top:-4px;} #toutesLesLocs .uneLoc h3 {text-align:center; margin:0px 0px 0px 0px;} /* Location - page "toutes les disponibilités" ------------------------------------------------------------------------------- #toutesLocations #corpsDroit {margin-top:2px;} #toutesLocations #corpsTout #corpsDroit #lesDispos {float:left;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites {width:924px; background-color:#f8f8f8; border:1px solid #c4c4c4; position:relative; margin-bottom:10px;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites h3 {color:#1f0000; text-align:center; margin-top:20px;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos {color:#000000; margin:20px 0px 0px 1px; padding-bottom:20px;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos table {color:#000000; cellspacing:2px; line-height:20px; text-align:center; font-size:0.79em; background-color:#FFFFFF;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos table a {color:#108101;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos #premiereLigne {font-weight:bold; color:#1f0000;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos td {background-color:#f8f8f8;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne1 {width:25px;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne2 {width:58px;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne3 {width:148px;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne4 {width:82px; background-color:#fff8d4;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne5 {width:40px; background-color:#fff8d4;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne6 {width:82px; background-color:#f2fff7;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne7 {width:40px; background-color:#f2fff7;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne8 {width:82px; background-color:#fff8d4;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne9 {width:40px; background-color:#fff8d4;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne10 {width:82px; background-color:#f2fff7;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne11 {width:40px; background-color:#f2fff7;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne12 {width:82px; background-color:#fff8d4;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne13 {width:40px; background-color:#fff8d4;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne14 {width:82px; background-color:#f2fff7;} #toutesLocations #corpsTout #corpsDroit #lesDispos #cadreDisponibilites #tableauDispos .colonne15 {width:40px; background-color:#f2fff7;} */ /* Puy Lafaye ------------------------------------------------------------------------------- */ #puylaf #corpsGauche #image {background: url('images/puylaf-fleur.jpg') no-repeat bottom left; margin:0px 0px 0px 0px; width:171px; height:272px;} #puylaf #corpsDroit {margin-top:0px;} #puylaf #corpsDroit h3 {float:left; width:640px; margin:10px 0px 10px 0px;} #puylaf #corpsDroit #carteRegion{margin:10px 0px 10px 0px;} /* Brebis ------------------------------------------------------------------------------- */ #brebis #corpsGauche #image {background: url('images/brebis-fleur.jpg') no-repeat bottom left; margin:2px 0px 0px 0px; width:186px; height:349px;} #brebis #corpsDroit {margin-top:0px;} /* Truffes ------------------------------------------------------------------------------- */ #truffes #corpsGauche #image {background: url('images/truffes-fleur.jpg') no-repeat bottom left; margin:5px 0px 0px 0px; width:182px; height:318px;} #truffes #corpsDroit {margin-top:0px;} /* Livre d'Or ------------------------------------------------------------------------------- */ #livreOr #corpsGauche #image {background: url('images/livreOr-fleur.jpg') no-repeat bottom left; margin:12px 0px 0px 0px; width:195px; height:379px;} #livreOr #corpsDroit {margin-top:0px;} #livreOr #corpsDroit #classementAnnees {width:525px; margin:0px 0px 0px 60px;} /*#livreOr #corpsDroit #menuDates {float:left; background: url('images/livreOr-puce.jpg') no-repeat top left; padding: 58px 0px 10px 0px; width:70px; margin-top:-30px;}*/ #livreOr #corpsDroit #leComment {margin:16px 0px 15px 10px; float:left; width:624px;} /* Liens ------------------------------------------------------------------------------- */ #liens #corpsGauche #image {background: url('images/liens-fleur.jpg') no-repeat bottom left; margin:30px 0px 0px 22px; width:369px; height:461px;} #liens #corpsGauche {width:444px;} #liens #corpsDroit {width:426px; padding-bottom:10px; margin-top:0px;} #liens #corpsDroit #pictoBibisFive {width:426px;} #liens #corpsTout #corpsDroit .entiteLien {margin: 0px 0px 20px 0px; width:410px; float:left;} #liens #corpsTout #corpsDroit .entiteLien .puceGrosse {margin: 10px 10px 0px 0px; height:38px;} #liens #corpsTout #corpsDroit .entiteLien .texteLien {float:left; width:330px; background-color:#4a0000; padding:10px; border:2px solid #510000;} #liens #corpsTout #corpsDroit .entiteLien .lienLien {float:right; padding:2px 8px 3px 8px; text-align:right; background-color: #6a0000;} /* Contacts Acces ------------------------------------------------------------------------------- */ #contacts #corpsGauche {width:444px; margin-top:0px; position:relative; font-size: 0.86em;} #contacts #corpsGauche #image {background: url('images/contacts-fleur.jpg') no-repeat bottom left; margin:0px 0px 0px 0px; width:255px; height:338px;} #contacts #corpsGauche #adresse {position: absolute; top:35px; left:210px; width:225px;} #contacts #corpsGauche .puceGrosse {margin:10px 0px 0px 0px; height:200px;} #contacts #corpsGauche #textesContacts {float:left; width:180px;} #contacts #corpsGauche p {padding:0px;} #contacts #corpsGauche #pictosTel {float:left; width:20px;margin:5px 0px 0px 0px;} #contacts #corpsGauche #numerosTel {float:left; margin:0px 0px 10px 5px; width:150px; line-height:27px;} #contacts #corpsGauche #gps {width:164px; position: absolute; top:260px; left:270px; background-color: #2a0000; border:2px solid #510000;} #contacts #corpsGauche #gps #gpsDedans {margin:10px;} #contacts #corpsDroit {width:481px; margin-top:0px;} #contacts #laCarte {text-align:left; margin-top:4px;} /* Pages error404 et Site dead ------------------------------------------------------------------------- */ #error404 {padding:40px 0px 30px 172px;} #error404 li {list-style-image:url(images/puce.jpg); height:19px; margin-left:15px;} #siteIndispo {padding:130px 0px 105px 172px;} /* Credits ------------------------------------------------------------------------- */ #credits {} #credits #corpsGauche #image {background: url('images/picto-photo-martin.gif') no-repeat top left; margin:46px 0px 13px 25px; width:133px; height:230px; background-color:#66FF33} #credits #corpsDroit {margin:0px 0px 20px 0px;} #credits #martin{float:left; width:298px; margin:70px 52px 0px 0px;} #credits #francois {background: url('images/picto-photo-francois.jpg') no-repeat top right; float:left; width:298px; padding-top:70px;} /* Pied ------------------------------------------------------------------------- */ #pied { background: url('images/piedTranche.jpg') repeat-x scroll; position: relative; width:100%; height:80px; float:left; } #pied #ensemble {margin:0px 0px 0px 106px; font-size: 0.86em;} /** parce que bug avec IE6.... **/ #pied #textes {width:714px; height:60px; float:left; text-align:center; margin:6px 0px 0px 0px;} /** 106px **/ #pied #berger {background: url('images/berger.jpg') no-repeat bottom right; width:96px; height:76px; float: right; margin-top:4px;} #pied #ligneCopy {font-size:0.93em;} #pied a {cursor:pointer;} #menuDuBas {margin:5px 0px 0px 100px;} /* Plan du site ------------------------------------------------------------------------- */ #planDuSiteDedans {width:880px; margin:0px 0px 15px 20px;} #planDuSiteDedans li {margin:0px 0px 0px 25px; width:245px;} #planDuSiteDedans h2 {font-size:1.07em;} #planDuSiteDedans h3 {font-size:1.00em; text-transform:none;} #planDuSiteDedans .aucunDocDitto {display:none;} #planDuSiteDedans .planDescription {color:#ffce8f; font-size:0.93em; font-weight:normal;} #planDuSiteDedans .planTitre {text-align:center; font-size:1.14em; font-weight:bold; margin:20px 0px 20px 0px;} #planDuSiteDedans #planFrancais {padding:30px;width:360px; float:left; background-color:#3b0000; border:2px solid #500000} #planDuSiteDedans #planAnglais {padding:30px;width:360px; float:right; background-color:#3b0000; border:2px solid #500000} /* Fixes for RichText widgets ------------------------------------------------------------------------------- */ .MODX_RichTextWidget { float: left; } .MODX_RichTextWidget a { border: 0px; }