body {margin: 0; padding: 0; text-align: justify; font-family: Georgia, "Times New Roman", Times, serif;font-size: 0.9em; color: #305E5C;} /* main page */ .body1 {background: #FEEDB9 url('images/img01.jpg') repeat-x left top;} /* evasion */ .body2 {background: #E3EBFF url('images/img02.jpg') repeat-x left top;} /* cuisine */ .body3 {background: #FFFFDB url('images/img03.jpg') repeat-x left top;} /* pratique */ .body4 {background: #FFE5D7 url('images/img04.jpg') repeat-x left top;} /* geographie */ .body5 {background: #E3EBFF url('images/img05.jpg') repeat-x left top;} /* folklore */ .body6 {background: #FFE5D8 url('images/img06.jpg') repeat-x left top;} /* histoire */ .body7 {background: #FFE5D8 url('images/img06.jpg') repeat-x left top;} /* logement */ .body8 {background: #FFE5D7 url('images/img08.jpg') repeat-x left top;} p {} a {color: #4E7301;text-decoration: none; font-weight: bold;} img.left {float: left; margin-top:0; margin-bottom: 6px; margin-right: 15px;} img.right {float: right; margin-bottom: 6px; margin-left: 15px;} .ornament {clear:left; background: url('images/ornament.gif') no-repeat center 0; margin: 15px auto 10px auto;} .highlight {color:#A22; font-weight: bold} .refrain {font-style: italic; color:#A22; font-weight: bold} .caption {font-size: 0.9em; font-weight: normal; font-style: italic; color: #888;} /* ------------------------------- Header ------------------------------ */ #header {width: 860px; height: 240px; padding-left: 0; padding-top:0; margin-left: 0px; margin-top: 0px; letter-spacing: -1px;} #headerpic {width: 860px; height: 200px; margin-top:140px; position:absolute; margin-left:85px; background:url('images/cholita-large.jpg') no-repeat;} #mainmenu {position:absolute; margin-top:87px; width: 201px; height: 253px; margin-left:185px; background: url('images/menubleuraye.jpg');} #mainmenu ul {display: block; padding-left: 0; margin-left: 1em; margin-top: 0px; list-style: none;} #mainmenu li {background: url('images/img07.gif') no-repeat left; padding-left: 1em; margin-top: 0.7em;} #mainmenu a {background: url('images/img05.gif') repeat-x; text-decoration: none; font-family: Arial, Times, serif; font-size: 1.3em; font-weight: bold; color: #FFFFFF} #mainmenu a:hover {text-decoration: none; color:#FFAA30;} #mainmenu .first a {background: none;} #mainmenu .selected a {background: none; color:#FFFF00;} #smallmenu {position:absolute; top:100px; left: 510px;} #smallmenu .section {padding: 0px 0px 0px 30px; font-size: 16px; color: #FFFFFF;} #smallmenu ul {margin: 0; list-style: none;} #smallmenu li {display: inline;} #smallmenu a {margin-left: 20px; text-align: center; text-decoration: none; text-transform: lowercase; font-size: 1.2em; color: #FFFFFF;} #smallmenu a:hover {color: #FEEDB9;} #smallmenu .current_page_item a {color: #FEEDB9;} #sitetitle {position:absolute; margin-left: 80px; margin-top: 10px;} #sitetitle .main {font-size: 3.5em; color: #FEEDB9;} #sitetitle a {color: #FEEDB9; text-decoration: none;} #sitetitle .titreplus {font-size: 2em; color: #EEFF33;} #sectiontitle p {position:absolute; margin-top:95px; margin-left:470px; color: #FEEDB9; font-size: 1.8em; background: url('images/llama_bullet_noir.gif') no-repeat left; padding-left: 40px; padding-top:0;} #header ul.botton {float:left; width:900px; position:absolute; margin-top:100px; list-style: none;} #header ul.botton li {float:right; height:45px;} #header ul.botton li.hotel a{width:35px; height:24px; display:block; background:url('images/hotel.gif') no-repeat 0 0; margin-left:0; margin-right:5px; margin-top:0; margin-bottom:0} #header ul.botton li.hotel a:hover{background:url('images/hotel.gif') no-repeat 0 0;} #header ul.botton li.map a{width:35px; height:23px; display:block; background:url('images/map.jpg') no-repeat 0 0; margin-left:0; margin-right:5px; margin-top:0; margin-bottom:0} #header ul.botton li.map a:hover{background:url('images/map.jpg') no-repeat 0 0;} #header ul.botton li.meteo a{width:40px; height:23px; display:block; background:url('images/meteo.jpg') no-repeat 0 0; margin-left:0; margin-right:5px; margin-top:0; margin-bottom:0} #header ul.botton li.meteo a:hover{background:url('images/meteo.jpg') no-repeat 0 0;} #header ul.botton li.music a{width:35px; height:23px; display:block; background:url('images/musique.jpg') no-repeat 0 0; margin-left:0; margin-right:5px; margin-top:0; margin-bottom:0} #header ul.botton li.music a:hover{background:url('images/musique.jpg') no-repeat 0 0;} #header ul.langue {float:left; width:900px; position:absolute; margin-top:50px; list-style: none;} #header ul.langue li {float:right;} #header ul.langue li.francais a{width:28px; height:15px; display:block; background:url('images/french_flag.gif') no-repeat 0 0; margin-left:10px; margin-right:5px; margin-top:0; margin-bottom:0} #header ul.langue li.francais a:hover{background:url('images/french_flag.gif') no-repeat 0 0;} #header ul.langue li.espanol a{width:28px; height:15px; display:block; background:url('images/bolivian_flag.gif') no-repeat 0 0; margin-left:10px; margin-right:5px; margin-top:0; margin-bottom:0} #header ul.langue li.espanol a:hover{background:url('images/bolivian_flag.gif') no-repeat 0 0;} #header ul.langue li.english a{width:28px; height:15px; display:block; background:url('images/english_flag.gif') no-repeat 0 0; margin-left:10px; margin-right:5px; margin-top:0; margin-bottom:0} #header ul.langue li.english a:hover{background:url('images/english_flag.gif') no-repeat 0 0;} /* ---------------------- Page --------------------------- */ #page {float:left; width: 860px; margin-top: 70px; padding-top:25px; margin-left: 85px; padding-left: 0px; padding-bottom: 20px; background: url('images/papier.gif');} #leftpage {float: left; width: 665px; padding:0; margin:0;} #sidebar {float: left; width: 195px; background:url('images/gradient.png') repeat-y; margin:0; padding:0;} #nosidebar .floating-box {float: left; width: 800px; padding-left: 20px;} #onecol .floating-box {float: left; width: 615px; margin-left: 20px;} #twocols .floating-box {float: left; width: 300px; padding-left: 20px;} #mainthreecols .floating-box {float: left; width: 242px; margin-left: 30px; padding-top:0;} #threecols .floating-box {float: left; width: 180px; padding-left: 20px;} /* ---------------- style in floating columns ----------------- */ .floating-box .titleright {font-weight: normal; color: #5F8700; font-size: 1.4em; text-align: right;} .floating-box ul {display: block; list-style: none; padding:0; margin-left:1em;} .floating-box ul li {color: #305E5C; font-style: italic; background: url('images/img07.gif') no-repeat 0px 7px; padding-left: 1em; margin-top:0.5em; text-align:left; line-height:140%} .floating-box img {border: 2px solid #2F4600; padding: 1px;} .floating-box img.noborder {border: 0;} .floating-box img.noborderleft {border: 0; float: left; margin-top:0; margin-bottom: 6px; margin-right: 15px;} .floating-box img.noborderright {border: 0; float: right; margin-bottom: 6px; margin-left: 15px;} .floating-box a {text-decoration: none; color: #4E7301; font-weight: bold;} .floating-box a:hover {color: #FFAA30;} .floating-box a.voirphotos {color:#2AA; font-weight: bold} .floating-box .titre {font-family: Comic Sans MS, Verdana; font-size: 1.2em; color: #886677; font-weight: bold; background: url('images/img04.gif') no-repeat left; padding-left: 1.3em} .floating-box .sous-titre {font-size: 1.1em; color: #2F4600;} .floating-box p {font-family: Comic Sans MS, Verdana; font-size: 1.0em; color: #305E5C; text-align: justify; margin-left: 5px;} .floating-box .meta {font-size: 0.9em; color: #305E5C; font-style: italic; line-height: 150%;} .floating-box .separation {margin-bottom: 0px; padding-bottom: 2px; border-bottom: #D9D785 1px dashed;} #leftpage .floating-box .blockleft {float: left; width: 215px; margin: 0px; padding:0;} #leftpage .floating-box .blockright {float: left; width: 380px; margin: 0px; padding:0;} #nosidebar .floating-box .blockright {float: left; width: 570px; margin-left: 0px;} #nosidebar .floating-box .blockleft {float: left; width: 180px;} #nosidebar .floating-box p.ville {font-family: Comic Sans MS, Verdana; font-size: 1.4em; font-weight: bold; color: #886677; margin-left: 5px; margin-top:0; margin-bottom:0; border-bottom: 2px solid #333333; line-height:31px; background: url('images/bullet1.jpg') no-repeat left 11px; padding-left: 22px} #nosidebar .floating-box .listhotel {font-family: Comic Sans MS, Verdana; font-size: 1.4em; color: #886677; text-align: justify; margin-left: 5px; margin-bottom:0; } #nosidebar .floating-box .adresse {font-family: Comic Sans MS, Verdana; font-size: 1.0em; color: #5F8700; text-align: justify; margin-left: 5px; margin-top:0; } #nosidebar .floating-box img.BBsmall {margin: 5px; border: 10px solid #89C500; padding: 1px; width:75px; height:75px; } #nosidebar .floating-box img.BBlarge {margin: 5px; border: 10px solid #89C500; padding: 1px; width:540px; height=405px; } #nosidebar .floating-box img.hotel {margin-top: 25px; border: 10px solid #89C500; padding: 1px; width:95px; height:74px} /* #nosidebar .floating-box img {margin-top: 25px; border: 1px solid #89C500; padding: 1px;} */ #nosidebar .floating-box img.price {border: 0px none; margin-top:10px} #nosidebar .twocols {float: left; width: 380px; padding-left: 20px; margin-top:0px} #nosidebar ul {display: block; list-style: none; padding-left: 10px;} #nosidebar .twocols li {padding-left: 10px; padding-bottom: 5px; line-height: 140%; color: #305E5C; font-style: italic; background: url('images/img07.gif') no-repeat 0px 7px;} .FormFont {font-family:Arial, Helvetica, sans-serif; font-size:0.9em } #nosidebar .dash { border-bottom: 1px dashed #333333; line-height:1px; margin-left:220px; margin-right:40px;} .floating-box p.more {width:610px; height:1px; float:left; background:url('images/sky-color-bg.gif') repeat-x 0 10px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:20px} .floating-box p.more a {width:92px; height:21px; display:block; background:#FFFFFF url('images/icon2.jpg') no-repeat 0 0; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin-left:420px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:50px; padding-right:0; padding-top:4px; padding-bottom:0} .floating-box p.more a:hover {background:#FFFFFF url('images/icon2.jpg') no-repeat 0 0; color:#645804; text-decoration:none} .floating-box .photos {float: right; font-weight: normal; color: #5F8700; font-size: 1.4em; background: url('images/photo.gif') no-repeat 0px 0px; padding-left: 25px} .floating-box .tip {float: left; font-weight: normal; color: #5F8700; font-size: 1.0em; padding: 13px;border: 1px solid #5F8700; margin: 0px 20px 30px 20px;} /* --------------------------- sidebar -------------------------- */ #sidebar h2 {height: 30px; margin: 0; background: #2F4600 url('images/sidebar02.gif') no-repeat; font-size: 1.2em; font-weight: bold; color: #2F4600; padding-left:10px; padding-top:6px; margin-right:4px;} #sidebar ul.menu {display: block; margin-top: 9px; margin-left: 0.4em; list-style: none; padding: 0;} #sidebar ul.menu li {width:185px; height:25px; background: none;} #sidebar ul.menu li a {background:url('images/bullet-normal.gif') no-repeat 4px 5px; color:#305E5C; text-decoration:none; padding-top:0px; padding-bottom:3px; padding-left: 1.6em} #sidebar ul.menu li a:hover {color:#FF1111;} #sidebar ul.menu .selected a {color:#FFAA30; font-weight: bold; background:url('images/llama_bullet.gif') no-repeat 0px 0px; } #sidebar ul.menu .selected a:hover {color:#FFAA30; font-weight: bold; background:url('images/llama_bullet.gif') no-repeat 0px 0px;} #sidebar .map-sidebar {width:179px; text-align: center;} #sidebar .map-sidebar img {border: 0px none; height: 131px; width: 122px} #sidebar .photo-sidebar {width:179px; background:url('images/gradient.png') repeat-y; padding-top: 5px; padding-bottom: 20px; text-align: left; margin-left: 3px} #sidebar .photo-sidebar img {border: 1px solid #2F4600; margin-left: 1px; margin-top: 1px; height: 54px; width: 54px} #sidebar .photo-sidebar img.logo {border: 1px solid #2F4600; margin-left: 20px; margin-top: 4px; height: 30px; width: 130px} #sidebar .map-info {font-size: 0.8em; font-weight: normal; color: #2F4600; padding: 8px; margin-bottom:3px; display: block;} /* --------------------------- Footer --------------------------- */ #footer-wrapper {height: 50px; padding-top: 10px; background: #F5E7AC; border-top: 10px solid #F5E79C;} #footer {position: absolute; width: 830px; margin-left:100px;} #footer p {margin: 0; line-height: normal;} #footer a {color: #666666;} #legal {float: left;} #links {float: right;} /* --------------------------- Galerie photos --------------------------- */ #photoinfo {width:603px; background:#fff; float:left; border:1px solid #ddd;} #photoinfo h2 {padding:10px 0 5px 10px; margin:0; font-size:16px; color:#151;} #photoinfo h3 {padding:5px 0 10px 10px; margin:0; font-size:16px; color:#048; font-weight:bold;} #photoinfo span.nextgallery {clear:left; display:block; position:absolute; margin-left:500px; margin-top:10px; font-size:20px; color:#048; font-weight:bold;} /* --------------------------- pratique --------------------------- */ #onecol .radio {float: left; width: 620px;} .radio td {font-family: Arial, Verdana; font-size: 1.1em; color: #305E5C; text-align: justify; margin-left: 5px;} .radio a {text-decoration:none;} .radio a:hover {color:#FF1111} .radio img {border-left: 30px solid #A28678;border-right: 30px solid #89C500;border-top: 8px solid #89C500;border-bottom: 8px solid #A28678; padding: 1 10 1 10;height: 26px; width: 26px} #onecol .presse {float: left; width: 620px;} .presse td {font-family: Arial, Verdana; font-size: 1.1em; color: #305E5C; text-align: justify; margin-left: 5px;} .presse a {text-decoration:none;} .presse a:hover {color:#FF1111} .presse img {border:0px none; height: 37px; width: 130px} p.section {font-family: Comic Sans MS, Verdana; font-size: 1.4em; font-weight: bold; color: #886677; margin-left: 5px; margin-top:0; margin-bottom:0; border-bottom: 2px solid #333333; line-height:31px; background: url('images/bullet1.jpg') no-repeat left 11px; padding-left: 22px} p.section2 {font-family: Comic Sans MS, Verdana; font-size: 1.2em; color: #305E5C; font-weight: bold; background: url('images/img04.gif') no-repeat left 2px; padding-left: 25px} img.airlines {width:130px; height:30px; border:2px solid #000000; padding:5px; background:#FF0000;} table#horaires {width:580px; background-color: #FFF; border: solid #305E5C 1px; align:center} table#horaires td {height:19px; padding: 4px; font-size: 0.8em; color: #305E5C;} table#horaires .town {font-weight: bold; text-align: left;width: 205px;} table#horaires .time {font-weight: normal; text-align: center;width: 50px;} table#horaires .airline {font-weight: normal; text-align: left;width: 172px;} table#horaires .flight {font-weight: normal; text-align: left;width: 80px;} table#horaires .frequence {font-weight: normal; text-align: left;width: 90px;} table#routebus {width:580px; background-color: #FFF; border: solid #305E5C 1px; align:center} table#routebus tr.firstrow {font-weight: bold; font-size: 0.9em; } table#routebus td {height:19px; padding: 4px; font-size: 0.8em; color: #305E5C;} table#quechua, table#aymara {width:300px; background-color: #FFF; border: solid #305E5C 1px; align:center; margin-top:10px;} table#quechua tr.firstrow {font-weight: bold; font-size: 0.9em; background-color:#89C500; color: #000; colspan:2} table#aymara tr.firstrow {font-weight: bold; font-size: 0.9em; background-color:#ffa500; color: #000; colspan:2} table#quechua td.in {height:19px; padding: 4px; font-size: 0.8em; color: #305E5C;} table#quechua td.out {height:19px; padding: 4px; font-size: 0.8em; color: #886677;} table#fetes {width:620px; background-color: #FFF; border: solid #305E5C 1px; align:center} table#fetes tr.firstrow {font-weight: bold; font-size: 0.9em; background-color: #CCC; } table#fetes td.day {height:19px; width:100px; padding: 4px; font-size: 0.8em; color: #A22; font-weight: bold;} table#fetes td.event {height:19px; width:150px; padding: 4px; font-size: 0.8em; color: #305E5C;} table#fetes td.loc {height:19px; width:150px; padding: 4px; font-size: 0.8em; color: #305E5C;} table#fetes td.desc {height:19px; padding: 4px; font-size: 0.8em; color: #305E5C;} table#villes {width:600px; background-color: #FFF; border: solid #305E5C 1px; align:center} table#villes tr.firstrow {font-weight: bold; font-size: 1.1em; background-color: #CCC;} table#villes td {height:19px; padding: 4px; font-size: 0.8em; color: #305E5C;} table#sommets {width:200px; background-color: #FFF; border: solid #305E5C 1px; align:center} table#sommets tr.firstrow {font-weight: bold; font-size: 1.1em; background-color: #CCC;} table#sommets td {height:19px; padding: 4px; font-size: 0.8em; color: #305E5C;} table#ressources {width:600px; background-color: #FFF; border: solid #305E5C 1px; align:center} table#ressources td.type {width:200px; height:19px; padding: 4px; font-size: 0.8em; color: #305E5C; font-weight: bold;} table#ressources td.matiere {height:19px; padding: 4px; font-size: 0.8em; color: #305E5C;} table#recettes {width:800px; background-color: #FFF; border: solid #305E5C 1px; align:center} table#recettes tr {background-color: #debee2; align:center;} table#recettes td {width:145px; height:19px; padding: 4px; font-size: 0.7em; color: #305E5C; font-weight: normal;} table#recettes img {height: 120px; width: 140px; align:center;} /* --------------------------- Recettes cuisine --------------------------- */ #recette {float: left; width: 800px; padding-left: 20px;} #recette .typerecette {text-align: left;font:bold 14pt Times New Roman,arial;color:#800080;height: 20px;} #recette .nomrecette {text-align: left;font:normal 12pt Times New Roman,arial;color:#000000;height: 20px;} #recette .titrerecette {text-align: center;font:bold 14pt Times New Roman,arial;color:#000000;text-transform: uppercase;margin-top:10px;margin-bottom:10px;} #recette .rubrique {text-align: left;font:bold 11pt arial;color:#000000;margin-left:10px;} #recette .preparation {text-align: left;font:normal 10pt arial;color:#000000;margin-left:10px;} #recette li.ingredient {text-align: left;font:oblique 10pt Times New Roman,arial;color:#000000;margin-left:20px;} #recette .img {border: 0px none; margin-top:10px} #recette p.title {font-family: Comic Sans MS, Verdana; font-size: 1.4em; font-weight: bold; color: #886677; margin-left: 5px; margin-top:0; margin-bottom:0; border-bottom: 2px solid #333333; line-height:31px; background: url('images/bullet1.jpg') no-repeat left 11px; padding-left: 22px} p.copyphoto {text-align:center; font-size: 0.9em; font-weight: normal; font-style: italic; color: #888} #container {position:absolute; width:600px; height:700px; background:#877; border:1px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;} #container a.pics {float:left; margin:5px 4px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; cursor:default;} #container a.pics img.thumb {display:block; border:0;} #container a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;} #container a.pics span img {margin:10px auto; border:1px solid #000;} #container a.pics:hover {white-space:normal; border:1px solid #fff;} #container a.pics:hover span {display:block; position:absolute; left:9px; top:192px; z-index:10; height:500px;} #container a.pics:active {border:1px solid #fc0;} #container a.pics:active span {display:block; position:absolute; left:9px; top:192px; z-index:5; height:500px;} #container a.pics:focus {border:1px solid #fc0; outline:0;} #container a.pics:focus span {display:block; position:absolute; left:9px; top:192px; z-index:5; outline:0;} #container span.photoinfo {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:150px 0 0 0; width:600px; font-size:14px; color:#eee; z-index:1;} #container span.photoinfo a {color:#000} #container span.photoinfo a:hover {text-decoration:none; color:#eeee22} #container span.refslideshow {clear:left; display:block; display:block; position:absolute; left:130px; top:730px; font-style: italic; font-family:verdana, arial, sans-serif; font-size:12px; color:#aaa;} #container span.refslideshow a {color:#bbb} #container span.refslideshow a:hover {text-decoration:none; color:#eeee22}