/* CSS Document */ /******************************************************************************************************* cette feuille de style : construit la structure générale des pages /********************************************************************************************************/ /* INIT /*-----------------------------------------------------------------------------------------------------*/ body { margin:auto; text-align:center; font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif; color: #333; padding:0; font-size:76%; background:#336600 url(../img/bg-body.gif) repeat-x top; } /*body{behavior:url("http://demo.artifica.fr/fileadmin/templates/demo/js/hover.htc");} utilisé pour les roll-over d'autre element que sur IE 5 */ * {background-repeat:no-repeat; margin:0; padding:0} body img{border:0;} hr {clear: both;visibility: hidden;} .left {float:left;} .right {float:right;} .clear, .spacer{clear:both; height:0.001em!important; margin:0!important; padding:0!important; font-size:0px;} .invisible{display:none;} .retour-a-la-ligne{ clear:both} /* SKIPLINK /*-------------------------------------------------------------------------------------------------------*/ ul#skiplink{position:absolute; top:0;left:0; width:100%; background-color:#000000; margin:0; padding:0; z-index:1000;} ul#skiplink li { list-style-type : none; position:absolute; top:0; width:98%} ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em; width:100%} ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00} /* LANGUE /*-------------------------------------------------------------------------------------------------------*/ ul#lang{position:absolute; z-index:1000; top:2px; text-align:left; width:950px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; z-index:1501; width:100px} ul#lang li{ display:inline; color:#993300; font-weight:bold} ul#lang a{ color:#993300; text-decoration:none; padding-left:20px;} ul#lang li.fr a{ background:url(../img/icon-flag-fr.gif) no-repeat left} ul#lang li.en a{ background:url(../img/icon-flag-en.gif) no-repeat left} ul#lang a:hover{ text-decoration:underline} /* STRUCTURE des BLOC CONTENEUR PRINCIPAUX /*-------------------------------------------------------------------------------------------------------*/ #global2 {} #global { margin:auto; width:950px; text-align:left; margin-bottom:0; } #corps{ width: 950px; z-index:0; text-align:left; padding:0 0 10px 0; background:url(../img/bg-corps.gif) repeat-y left; } #contenuEtNav{width:730px; float:left} #contenu{ float:right; margin:0; width: 470px; padding:20px; background:url(../img/bg-contenu.gif) top right no-repeat; } /* ENTETE */ /* ------------------------------------------------------------------------------------------------------- */ #entete { width: 950px; height:210px; z-index:0; border-top:1px solid #FFAD29; } #entete a{display:block; height:190px; margin:19px 0 0;} #entete #accessibilite a{} #logo {} #entete h1 {margin:0; background:url(../img/hdr/bg-header.jpg);} #entete h1 span{display:none} /* CHEMIN */ /* ------------------------------------------------------------------------------------------------------- */ #contenu #chemin {color:#000;font-size:80%; padding:0.5em 0;} #contenu #chemin h2{ display:inline; margin:0; padding:0; color:#333; font-weight:bold; font-size:100%; border:none} #contenu #chemin a {color:#666; text-decoration:none;border:none } #contenu #chemin a:hover {text-decoration: underline; background:none!important; color:#000000!important} #contenu #chemin p, #chemin div {padding:0;margin:0;} #contenu #cheminContenu{} #outilsIcon{width:90px; float:right; text-align:right; padding:0; padding-bottom:0.5em; margin:0; position:relative; top:10px} #outilsIcon img{ margin-left:5px;} #outilsIcon a{ padding:0!important;text-decoration:none!important;} /* RECHERCHE */ /* ------------------------------------------------------------------------------------------------------- */ #recherche {margin:0 0 0 740px; width:200px; z-index: 50; padding: 0 0 7px 10px; text-align:left; } #recherche form, #recherche p {z-index: 50;} #recherche .searchbox-sword {font-family:Arial, Helvetica, sans-serif; width:120px; border:0; height:15px; padding:2px 2px 2px 30px; color:#999999; background: transparent url(../img/bg_search.gif) no-repeat center top ; float:left;} #recherche .searchbox-button {border:0; color:#fff; background:none; font-weight:bold;} /* HAUT DE PAGE */ /* ------------------------------------------------------------------------------------------------------- */ #contenu #hautDePage{ text-align:center; background-color:#FFFFFF; border-top:1px dashed #FFAD29; padding:10px 0 0 0; clear:both; width:100%; margin-top:30px} #contenu #hautDePage a,#contenu #hautDePage a:visited{text-decoration:none; color:#FFAD29!important} /* PIED DE PAGE */ /* ------------------------------------------------------------------------------------------------------- */ #piedDePage{clear:both; color:#fff; margin:auto; text-align:center; padding:40px 0;text-align:center; width:950px; background: url(../img/bg_footr.gif) no-repeat top} #piedDePage a {color:#fff; text-decoration:none;} #piedDePage a:hover {text-decoration:underline;} #piedDePage p {margin:10px 0;} #piedDePage #copyright{font-size:90%} /* navSecondaire */ /* ------------------------------------------------------------------------------------------------------- */ #navSecondaire { position:absolute;z-index:1500; top:2px;width:950px; text-align:right; font-family:verdana, Helvetica, sans-serif; font-size:90%;} #navSecondaire li {display:inline; padding:0!important; margin:0!important;color:#fff!important;border-left:1px solid #fff;} #navSecondaire li a{ color:#fff!important; text-decoration:none; font-weight:bold;padding:0 0 0 5px;} #navSecondaire li a:hover{ text-decoration:underline; color:#993300!important;} #navSecondaire li.element378 a{ color:#990000!important} /* OUTILS */ /* ------------------------------------------------------------------------------------------------------- */ #outils {margin:10px 0; padding:0; list-style-type:none; font-weight:bold} #outils li {display:inline; padding:0; margin:0;} /* Navigation niveau 2 */ /* ------------------------------------------------------------------------------------------------------- */ #navigationNiveau2Contenu{/*float:left;display:inline;*/ } #navigationNiveau2Contenu h2 { display:none} #navigationNiveau2Contenu ul {width:210px; border-bottom:2px solid #326601; padding:10px 0 10px 10px; background:#FFF;list-style-type:none;font-weight:bold;margin:0 0 10px 0!important} #navigationNiveau2Contenu li, #navigationNiveau2Contenu li li.on {} #navigationNiveau2Contenu li a {text-decoration:none; padding:4px 5px; display:block; width:200px;color:#336601; border-bottom:1px solid #ccc} #navigationNiveau2Contenu li.on{ border:none} #navigationNiveau2Contenu li.on a {background-color:#E0FFA2}#navigationNiveau2Contenu li.on ul {} #navigationNiveau2Contenu li a:hover {background-color:#E0FFA2;} #navigationNiveau2Contenu ul ul {font-size:90%; font-weight:normal; list-style-type:none; padding:0; border-bottom:0} #navigationNiveau2Contenu ul ul li {} #navigationNiveau2Contenu li li a,#navigationNiveau2Contenu li.on li a {text-decoration:none!important; color:#666!important; width:185px; background:#fff; padding-left:20px} #navigationNiveau2Contenu li li a:hover{background-color:#F0FFD4;/* text-decoration:underline!important*/} #navigationNiveau2Contenu li li.on a {font-weight:bold; border-color:#ccc!important; text-decoration:none!important; color:#336601!important; background-color:#F0FFD4} #navigationNiveau2Contenu li.on a, #navigationNiveau2Contenu li.on li.on a {text-decoration:underline} /* COLONNE DE GAUCHE /* ------------------------------------------------------------------------------------------------------- */ #colonneGauche{width:220px; float:left; font-size:95%; clear:left; color:#336600; } #colonneGaucheContenu, #colonneGaucheContenuLibre {padding:0 10px 10px 10px; width:200px;} #colonneGaucheContenuLibre {padding:0 10px;} #colonneGauche ul{ margin-left:15px;} #colonneGauche li{color:#336600;padding:0; } #colonneGauche a, #colonneGauche li a{text-decoration:none; color:#336600; font-weight:bold;} #colonneGauche a:hover, #colonneGauche li a:hover{ text-decoration:underline} h2#balade{margin: 10px 10px 0 10px;} #autreBalade{ text-align:center; margin:10px 0 0} #autreBalade ul{ margin:10px 0 20px; padding:0} #autreBalade li{ display:inline; text-transform:uppercase} #autreBalade a {padding:5px; display:block; float:left; margin-bottom:20px; width:89px; background:url(../img/bg-autreBalade2.gif) no-repeat center} #colonneGauche #pratique {list-style-type:none; margin-left:0; margin-bottom:15px} #colonneGauche #pratique li {padding:0;} #colonneGauche #pratique li a{padding:5px 0 5px 30px; width:170px; background:no-repeat left; display:block } #colonneGauche #pratique .element1581 a{ background-image:url(../img/icon-photo.gif);} #colonneGauche #pratique .element48 a{ background-image:url(../img/icon-video.gif);} #colonneGauche #pratique .element47 a{ background-image:url(../img/icon-meteo.gif)} #colonneGauche #pratique .element46 a{ background-image:url(../img/icon-michelin.gif)} #colonneGauche #pratique .element45 a{ background-image:url(../img/icon-question.gif)} #colonneGauche #pratique .element403 a{ background-image:url(../img/icon-goodies.gif)} #colonneGauche #pratique .element434 a{ background-image:url(../img/icon-rss2.gif)} #colonneGauche #pratique .element1640 a{ background-image:url(../img/icon-congres.png)} #colonneGauche #professionnels {margin-bottom:15px} #colonneGauche #professionnels .element49 a{ color:#990000} #colonneGauche #newsletter{ background:url(../img/b-newsletter.gif) no-repeat; height:80px; padding:30px 10px 10px; color:#fff; margin-top:10px;} /* Newletter */ /* ------------------------------------------------------------------------------------------------------- */ #newsletter p{margin:0.5em 0} #newsletter .searchbox-sword {border:1px solid #ccc; width:130px; height:16px; padding:2px; color:#FF6600; font-weight:bold} #newsletter .searchbox-button {vertical-align:middle; border:0; color:#fff; background:none; font-weight:bold;} /* COLONNE DE DROITE /* ------------------------------------------------------------------------------------------------------- */ #colonneDroite { float:right;width:200px; padding:50px 10px 10px; background: url(../img/bg-colonneDroite.gif) no-repeat ;color:#cc6600; } #colonneDroite h2{ margin-top:0.5em; background: url(../img/bg-h2-colonneDroite.gif) no-repeat; height:35px; text-align:center; color:#FFFFFF} #colonneDroite h2 span{} #colonneDroite ul{list-style-type:none;margin-bottom:10px} #colonneDroite li{ margin-top:1em} #colonneDroite p{margin:0.5em 0; text-align:center} #colonneDroite a{color:#993300;} #colonneDroite a:hover{ text-decoration:none} #colonneDroite .actuDroite{border:1px solid #CC6600; border-width:0 1px; padding:10px; margin:auto; width:158px;} #colonneDroite .theme{text-transform:uppercase} #colonneDroite .actuDroiteTous { margin:0} #colonneDroite .actuDroiteTous a{border:1px solid #CC6600; border-width:0 1px 1px; display:block;width:178px; margin:auto; background-color:#fff;text-decoration:none} /* #rss{padding:5px 5px 5px 30px; background:#fff url(../img/icon-rss.gif) no-repeat left; background-position: 5px 5px; font-size:90%} #rss a{ display:inline; border:none; color:#FF6600} #rss a:hover{ text-decoration:underline} #rss small a { color:#666666} */ #actuScroll {height:100px; overflow: hidden;position: relative;} .headline { position: absolute; top: 110px; left: 5px; height: 95px; /*width:168px;*/ } /* ==================================================================================== COLONNE DE BORDURE ==================================================================================== */ #colonneBordureContenu h3 {display:none;} /* FORMATAGE DES LISTES /* ------------------------------------------------------------------------------------------------------- */ #contenu .list{line-height:normal;} #contenu .list ul{list-style-type:none; margin:0; padding:0;} #contenu .list p{margin:0!important; padding:0!important;} #contenu .list li{padding:10px 0px 10px 0px;text-align:center;} #contenu .list li:first-child{border:none;} /* POUR FAIRE 2 COLONNES */ #contenu .list .colonnage1, #contenu .list .colonnage2 {float:left; width:48%;} #contenu .list .colonnage1 {clear:both; margin-right:7px;} #contenu .list .colonnage2 {float:right;} #contenu .list .listLien{ font-size:110%; font-weight:bold} #contenu .list h3, #contenu .list h4{ margin:0} #contenu .list img{ float: left;margin:0 5px 5px 0;} #contenu .list div.premier {border:0; padding-top:0; background:#ebedef; padding:10px; border:4px solid #d0d6d9; border-width:4px 0; font-size:120%} #contenu .list div.premier img {float:left; margin:0 10px 5px 0} #contenu .list .theme{ text-transform:uppercase; color:#999999;margin:0; display:inline} #contenu .list .date{ color:#000; font-weight:bold} #colonneNormal .list a {display:inline!important; font-weight:bold;} #contenu .listsimple {line-height:normal; margin-bottom:20px} #contenu .listsimple ul {list-style-type:none; margin:0; padding:0; clear:both;} #contenu .listsimple p {margin:0; padding:0;} #contenu .listsimple li {padding:10px; border-top:1px solid #ccc; clear:both; text-align:left;} #contenu .listsimple li:first-child {border:none;} /*#contenu .listsimple li.colonnage2 {background:#e5fcbe;}*/ #contenu .listsimple .listLien {font-size:110%; font-weight:bold} #contenu .listsimple h3, #contenu .list h4 {margin:0} #contenu .listsimple img {float: left; margin:0 5px 5px 0;} #contenu .listsimple div.premier {border:0; padding-top:0; background:#ebedef; padding:10px; border:4px solid #d0d6d9; border-width:4px 0; font-size:120%} #contenu .listsimple div.premier img {float:left; margin:0 10px 5px 0} #contenu .listsimple .theme {text-transform:uppercase; color:#999999;margin:0; display:inline} #contenu .listsimple .date {color:#000; font-weight:bold} #contenu .listsimple .city {font-weight:bold} #contenu .listsimple .rubrique {color:#FD9A32;} #contenu .listsimple .subtitle {color:#b0b0b0; font-weight:bold;} /* ==================================================================================== AGENDA ==================================================================================== */ .tx-artificaagenda-pi1 .admin-preview {border:1px solid #cc6500; background:#FFFFCC; margin:10px; padding:3px; text-align:center; color:#FF0000;} /*#agendaConteneur {text-align:center;}*/ .tx-artificaagenda-pi1 {} .tx-artificaagenda-pi1 p{} .tx-artificaagenda-pi1 .calendar {text-align:center;color:#ccc;} .tx-artificaagenda-pi1 .calendar h4 {display:none;} .tx-artificaagenda-pi1 .calendar table {background-color:#EB6A06; width:100%; font-size:80%} .tx-artificaagenda-pi1 .calendar table caption {background-color:#EB6A06; color:#fff; padding:3px; font-size:110%} .tx-artificaagenda-pi1 .calendar table caption a {display:inline; background:none; color:#fff;font-weight:bold;} .tx-artificaagenda-pi1 .calendar table caption a:hover {display:inline; background:none; color:#fff} .tx-artificaagenda-pi1 .calendar table a{ display:block;color:#999;padding:0.4em ; border:none} .tx-artificaagenda-pi1 .calendar table a:hover {color:#000;background:#e4e4e4} .tx-artificaagenda-pi1 .calendar td {background-color:#fff;text-align:right;padding:1px} .tx-artificaagenda-pi1 .calendar th {background-color:#fcc350; color:#333;text-align:center;padding:1px} .tx-artificaagenda-pi1 .calendar .cal-today a{background-color:#336601;color:#fff; } .tx-artificaagenda-pi1 .calendar .cal-semaine {background-color:#e4e4e4;} .tx-artificaagenda-pi1 .calendar .cal-selected a{background-color:#d3fe8a;color:#000000;} .tx-artificaagenda-pi1 .listrow .listrow {} .tx-artificaagenda-pi1 .listrow h2 {margin:30px 0px 5px 0px; padding:0px 0px 3px 0px; color:#CC0000; border-bottom:2px solid #cc6500;} .tx-artificaagenda-pi1 .listrow .date {color:#000000; font-weight:bold} .tx-artificaagenda-pi1 .listrow a {font-weight:normal;} /* ==================================================================================== PLAN DU SITE ==================================================================================== */ #contenu .csc-sitemap ul{ padding:0; margin:0; list-style-type:none; } #contenu .csc-sitemap a{ text-decoration:none; } #contenu .csc-sitemap a:hover{ text-decoration:underline; } #contenu .csc-sitemap li{ } #contenu .csc-sitemap li a{ padding: 3px 0px 3px 10px; margin-top:20px; font-weight:bold;display:block; background-color:#92cc20; color:#FFFFFF; } #contenu .csc-sitemap li li a{ padding: 3px 0px 3px 10px;margin:0; font-weight:bold;background-color:#FFF; color:#EB6A06; } #contenu .csc-sitemap li li li a{ padding: 3px 0px 3px 25px;margin:0; font-weight:bold;background-color:#FFF; color:#666666; } #contenu .csc-sitemap li li li li a{ padding: 3px 0px 3px 40px;margin:0; font-weight:normal;background-color:#FFF; font-size:90%; color:#666666; } /* ==================================================================================== Extension : tx-newloginbox-pi1 ==================================================================================== */ .tx-newloginbox-pi1 .FORM legend {color:#92cc20} .tx-newloginbox-pi1 .FORM fieldset {border: 1px solid #92cc20; display:block;} .tx-newloginbox-pi1 .FORM .FORMvalider {margin:0px 0px 0px 0px!important; padding-right:5px!important;} .tx-newloginbox-pi1 .FORM .FORMvalider input {background-color:#92cc20;} .tx-newloginbox-pi1 .FORM .FORMfocus {background-color:#d3fe88;} .tx-newloginbox-pi1 .FORM .FORMchamps input {border: 1px solid #92cc20; width:60%;} .tx-newloginbox-pi1 .FORM .FORMlibelleoblig {border:none;} /* ==================================================================================== Extension : tx-artificafeuserregister-pi1 ==================================================================================== */ #colonneDroiteContenu .tx-artificafeuserregister-pi1 {text-align:left; margin:0px 1px 10px 1px; color:#000;} #colonneDroiteContenu .tx-artificafeuserregister-pi1 p {padding:0!important;margin:0!important;} #colonneDroiteContenu .tx-artificafeuserregister-pi1 a {color:#cb0000;} #colonneDroiteContenu .tx-artificafeuserregister-pi1 a:hover {color:#cb0000;} /* ==================================================================================== Extension : tx-artificaidfmedia-pi1 ==================================================================================== */ #contenu .tx-artificaidfmedia-pi1 {} #contenu .tx-artificaidfmedia-pi1 .single {color:#323232; margin-bottom:40px; border-bottom:1px solid #c9e590; padding-bottom:20px;} #contenu .tx-artificaidfmedia-pi1 .single h2 {} #contenu .tx-artificaidfmedia-pi1 .single p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #contenu .tx-artificaidfmedia-pi1 .single .photo {float:right; margin:0px 0px 7px 10px;} #contenu .tx-artificaidfmedia-pi1 .single .btnSituer {float:right; clear:right; margin:0px 0px 7px 10px;} #contenu .tx-artificaidfmedia-pi1 .searchList {margin-bottom:15px;} #contenu .tx-artificaidfmedia-pi1 .searchList fieldset {margin:0px 0px 0px 0px;} #contenu .tx-artificaidfmedia-pi1 .searchList div.FORMsep {clear:none; float:left; margin-right:10px;} #contenu .tx-artificaidfmedia-pi1 .searchList .FORMlibelles {clear:both; width:auto; padding:0; text-align:left; margin:5px 0px;} #contenu .tx-artificaidfmedia-pi1 .searchList .FORMchamps {clear:both; width:auto; margin:0;} #contenu .tx-artificaidfmedia-pi1 .searchList .FORMvalider {padding:7px 0px 0px 0px;} #contenu .tx-artificaidfmedia-pi1 .pagination {clear:both; background:#f0ffd4; border-bottom:1px solid #fff;} #contenu .tx-artificaidfmedia-pi1 .paginationResult {float:left; background:#f0ffd4; padding:5px;} #contenu .tx-artificaidfmedia-pi1 .paginationPager {float:right; background:#f0ffd4; padding:5px;} #contenu .tx-artificaidfmedia-pi1 .paginationPager a {color:#000; text-decoration:none;} #contenu .tx-artificaidfmedia-pi1 .paginationPager a:hover {color:#000; text-decoration:underline;} #contenu .tx-artificaidfmedia-pi1 .paginationPager .paginationPagerPrec {font-weight:bold; margin-right:10px;} #contenu .tx-artificaidfmedia-pi1 .paginationPager .paginationPagerSuiv {font-weight:bold; margin-left:10px;} #contenu .tx-artificaidfmedia-pi1 .paginationPager .paginationPagerCourant {font-weight:bold;} #contenu .tx-artificaidfmedia-pi1 .paginationPager .paginationPagerCourant {text-decoration:underline;} #contenu .tx-artificaidfmedia-pi1 #searchClickDiv a {background:url(../img/icon-search.gif) no-repeat left; color:#6AA000; font-weight:bold; display:block; padding:5px 5px 5px 25px} /* ==================================================================================== Extension : tx-artificaweather-pi1 ==================================================================================== */ #contenu .tx-artificaweather-pi1 .day{ width:220px; height:150px; border:1px solid #CCCCCC; float:left; margin-right:5px; margin-bottom:5px; padding:3px; } #contenu .tx-artificaweather-pi1 .day .libelle{background-color:#E0FFA2;font-weight:bold;color:#000000;text-align:center; } #contenu .tx-artificaweather-pi1 img{float:left;margin-right:5px;} #contenu .tx-artificaweather-pi1 .tmp{font-weight:bold;} /* ==================================================================================== Extension : tx-artificaviewer-pi1 ==================================================================================== */ #colonneNormal .gallery {width:470px;} #colonneNormal .gallery ul {margin:1em 0px 0px 0px; text-align:center; width:470px;} #colonneNormal .gallery li {float: left; padding:0; margin:0px 20px 20px 0px; list-style-type:none; display:block;} #colonneNormal .gallery .col1 {clear:left;} #colonneNormal .gallery .col2 {/*clear:right;*/} #colonneNormal .tx-artificaviewer-pi1 .separator{clear:none;} #colonneNormal .tx-artificaviewer-pi1 ul{ margin:1em 0; text-align:center} #colonneNormal .tx-artificaviewer-pi1 li {float:left; clear:both; padding:0; margin:0px 20px 20px 0px; list-style-type:none;} /* ==================================================================================== Extension : tx-artificaviewervideos-pi1 ==================================================================================== */ .tx-artificaviewervideos-pi1 #player {clear:both; text-align:center;} .tx-artificaviewervideos-pi1 #videoDetail {text-align:center;} .tx-artificaviewervideos-pi1 #videoDetail h3 {margin:0px; padding:0px;} .tx-artificaviewervideos-pi1 #videoDetail .lien {border:1px solid #999999;background-color:#FFFFFF; height:15px;width:200px;padding:3px;color:#999; font-size:0.8em} .tx-artificaviewervideos-pi1 #videoDetail .permalien {color:#999!important;font-weight:bold;} .tx-artificaviewervideos-pi1 .list .libelle {color:#999999;} .tx-artificaviewervideos-pi1 #videoDetail .libelle {color:#333333;font-weight:bold} /* ==================================================================================== Extension : tx_srsendcard ==================================================================================== */ .tx-srsendcard-pi1{width:100%;margin-top:10px;padding:0;} .tx-srsendcard-pi1 ul{margin:0!important;padding:0!important;} .tx-srsendcard-pi1-image-selector{ list-style:none;margin:0;padding:0;} .tx-srsendcard-pi1-image-selector li{padding:0;float:left; margin:10px;width:235px!important;text-align:center;font-size:90%;} .tx-srsendcard-pi1-card-selection-prompt{font-weight:bold;} .tx-srsendcard-pi1-card-image-wrap{text-align:center;} .tx-srsendcard-pi1-card-caption{text-align:center;} /* ==================================================================================== Extension : tx_artificatravelbook ==================================================================================== */ #tx-artificatravelbook-box {background:url(../img/carnet.gif) center no-repeat; padding:90px 20px 20px; text-align:center; height:100px; overflow:hidden; font-family:"comic sans ms", Arial, Helvetica, sans-serif; font-size:90%;} #tx-artificatravelbook-box .carnetVide, #tx-artificatravelbook-box .carnetVide a {color:#0066CC; } #tx-artificatravelbook-box .carnetExplication {color:#999} #tx-artificatravelbook-box .carnetExplication a {color:#999} #tx-artificatravelbook-box .carnetAjouter a {color:#6EA514; background:url(../img/icon-plus.gif) no-repeat left; padding-left:20px;font-size:110%; font-weight:bold} #colonneNormal #tx-artificatravelbook-list {} #colonneNormal #tx-artificatravelbook-list .first {border:none;} #colonneNormal #tx-artificatravelbook-list .carnetSupprimer {clear:both; text-align:right; margin-top:10px!important;} #colonneNormal #tx-artificatravelbook-list .carnetSupprimer a {color:#6EA514;} #colonneNormal #tx-artificatravelbook-list h3 {font-size: 130%; margin:0; color:#0199CB; padding:0; font-family:"trebuchet MS", Arial, Helvetica, sans-serif;} #colonneNormal #tx-artificatravelbook-list h3 a {font-size: 100%; font-weight:bold;} #colonneNormal #tx-artificatravelbook-list a {font-weight:normal;} /* ==================================================================================== Extension : tx_artificarss ==================================================================================== */ .tx-artificarss-pi1 {} .tx-artificarss-pi1 .list {} .tx-artificarss-pi1 .list ul {list-style-type:none; margin:0px 0px 0px 0px} .tx-artificarss-pi1 .list li {text-align:left!important;} .tx-artificarss-pi1 .list img {float:left; padding:2px 0px 0px 0px;} /* ==================================================================================== THICKBOX ==================================================================================== #TB_caption{float:none!important; border-bottom:1px dashed #666666} #TB_caption .copyright{ font-size:90%; color: #aea58c;} #TB_nav{} #TB_secondLine {} #TB_closeWindow{} #TB_closeWindowButton {font-size:90%; text-transform:uppercase; letter-spacing:0.2em;} #TB_printWindowButton {font-size:90%; text-transform:uppercase; letter-spacing:0.2em;} #TB_window { background:#333!important} */ *{padding: 0; margin: 0;} body, html { min-height: 100%; height: auto !important; height: 100%; height: 100%; margin: 0; padding: 0; } #artificatravelbook_window { padding: 20px; background-color:#fff; border:1px solid #000; display: none; /* hidden */ position:fixed; z-index:999; left: 50%; margin-left: -105px; top: 25%; width: 210px; /*height: 100px;*/ /*margin-top: -50;*/ font-weight: bold; font-size:0.8em; } #artificatravelbook_window p {float:right;} #artificatravelbook_window img {float:left;} /* Couleurs systeme : "ActiveCaption" : barre de titre "ActiveCaptionText" : texte de la bare de titre "ButtonFace: fond le la fenêtre */ /*** Styles de la boite de dialogue ***/ #artificatravelbook_overlay { /** Firefox **/ position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 998; border: none; background-color:#000; filter:alpha(opacity=70); -moz-opacity: 0.6; opacity: 0.6; display:none; } .check-activation {border:1px solid #0a9417; background:#FFFFCC; margin:20px 10px 20px 10px; padding:3px; text-align:center; color:#0a9417;} .check-deletion {border:1px solid #d87001; background:#FFFFCC; margin:20px 10px 20px 10px; padding:3px; text-align:center; color:#d87001;} .check-error {border:1px solid #FF0000; background:#FFFFCC; margin:20px 10px 20px 10px; padding:3px; text-align:center; color:#FF0000;} .msgAlert {border:1px solid #FF0000; background:#FFFFCC; margin:20px 10px 20px 10px; padding:3px; text-align:center; color:#FF0000;} /*** ETOILE ET LABEL> HOTEL gite etc… ***/ /*dans la fiche*/ p.etoiles{ text-indent:-9999px; background:url(../img/star.png) repeat-x; height: 40px; width:26px} p.etoiles1{ width:26px} p.etoiles2{ width:52px} p.etoiles3{ width:78px} p.etoiles4{ width:104px} /*dans le listing*/ span.etoiles{ display:inline-block;text-indent:-9999px; background:url(../img/star-small.png) repeat-x; height: 13px; width:13px} span.etoiles1{ width:13px} span.etoiles2{ width:26px} span.etoiles3{ width:39px} span.etoiles4{ width:52px}