/* SLIDER_HORO_JOUR.CSS */ a, a:hover, a:visited, a:focus { text-decoration: none; } #wrapper { height:242px; width:456px;  margin: 0; position:relative;} #slider { width: 456px; margin: 0 auto; position: relative;} .scroll { height: 242px; width: 456px; overflow: auto; overflow-x: hidden; position: absolute;  top:0px; clear: left; background: #FFFFFF url(//cdn1.tlmq.fr/1/horoscope/jour/slider/slider_nolog_bg.jpg) repeat-x scroll center bottom; border: solid 1px #CCCCCC;} .scrollContainer div.panel { height:215px; padding:20px; width:415px;} .jour_container div.panel { height:232px; padding:5px; width:445px;} .scrollButtons { position: absolute; top: 150px; cursor: pointer;} .scrollButtons.left { left: -20px;} .scrollButtons.right { right: -20px;} .hide { display: none;} #btn_horo { position:absolute; z-index:2; top:300px;; left:430px; width:200px; } #btn_horo .menu_header {width:195px;} #btn_horo .menu_header .header_content span{ font-size:13px; font-weight:bold; font-family:arial; } #btn_horo a,#btn_horo img { border:none;} /* #btn_horo .btn_conteneur{cursor:pointer;} #btn_horo .btn_conteneur .btn_icon{position:absolute; top: 1px; left: 1px; z-index:100;} #btn_horo .btn_conteneur table{position:relative; top: 6px; left: 35px; z-index:99; height:37px;} #btn_horo .btn_conteneur table #left{background:url(//cdn1.tlmq.fr/1/accueil/left.png) no-repeat; width:6px; height:37;} #btn_horo .btn_conteneur table #center{background:url(//cdn1.tlmq.fr/1/accueil/center.png) repeat-x; width:158px; height:37; padding:0px 0px 0 15px; vertical-align:middle; font-size:13px; font-weight:bold; font-family:arial;} #btn_horo .btn_conteneur table #right{ background:url(//cdn1.tlmq.fr/1/accueil/right.png) no-repeat; width:6px; height:37;} */ .slider_navigation { position: relative; list-style: none; list-style: none; margin: 0; padding: 0; padding-bottom: 9px; margin-left:65px; height:33px;} .slider_navigation li { position: relative; overflow:visible; float:left; width: 60px; height: 25px; border:1px solid #cccccc; } .slider_navigation .line1 { top:-5px; } .slider_navigation .line2 { top:-10px; } /*.slider_navigation .nav_link { color: #000; text-decoration: none; position:absolute; width:64px; height:25px; min-height: 25px; bottom:0px; padding:0px; display:block; float:left; }*/ .slider_navigation .nav_link { position: absolute; width: 60px; height: 19px; padding: 3px 0px; bottom: 0px; cursor: hand; cursor: pointer; text-align: center; color: white; } .slider_navigation .nav_link img { position:absolute; top: -32px; display: none; overflow: visible; } .slider_navigation .nav_link_text { position: absolute; width: 60px; height: 19px; padding: 3px 0px; bottom: 0px; cursor: hand; cursor: pointer; text-align: center; color: white;} .clear_left{ clear:left;} .slider_content {position:relative; float:left; width:320px; margin-left:5px;} .slider_content h2 {margin-top:5px; position:relative; display:block;} .slider_content h2 span {clear: none; } .slider_content h2 font {position:relative; float:left; } .slider_content span {padding-bottom:15px; position:relative; display:block;} .slider_content .txt_rubrique_mois span { overflow-y:scroll; max-height:170px; } .slider_image {width:120px; height:180px;position:relative; float:left; margin-top:50px; margin-right:5px;} .scrollContainer .underline{ text-decoration:underline;} .scrollContainer .no_underline{ text-decoration:none;} .scrollContainer h2 { text-decoration:underline;} .scrollContainer .humeur_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/humeur_image.jpg) no-repeat; border:1px solid #C85DBF;} .scrollContainer .humeur_content h2{color:#c85dbf; font-weight:bold;} .scrollContainer .humeur_content .indice_jour{ } .scrollContainer .humeur_content .lame_name {padding-bottom:2px; display:inline; } .scrollContainer .humeur_content .etoile_name {font-weight:bold; padding-bottom:2px; display:inline; color:black;} .scrollContainer .humeur_content .etoile_details {padding-bottom:2px; } .scrollContainer .amour_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/amour_image.jpg) no-repeat; border:1px solid #DE1B31;} .scrollContainer .amour_content h2{color:#e2001a; font-weight:bold; } .scrollContainer .amour_content .cocktail_name {color:black; font-weight:bold; font-size: 12px; display:inline;} .scrollContainer .amour_content .cocktail_content {padding-bottom:2px; font-style:italic; font-weight:bold;} .scrollContainer .amour_content .cocktail_content .cocktail_detail {padding-bottom:0px; margin-left:10px; font-style:normal; font-weight:normal;} .scrollContainer .amour_content .cocktail_content .cocktail_url {padding-bottom:0px; margin-left:10px; font-weight:normal; font-size:9px; margin-top:5px;} .scrollContainer .travail_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/travail_image.jpg) no-repeat; border:1px solid #9EC1EA;} .scrollContainer .travail_content h2{color:#6c9cd1; font-weight:bold; } .scrollContainer .affinites_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/affinites_image.jpg) no-repeat; border:1px solid #AD70DA;} .scrollContainer .affinites_content h2{color:#6b0181; font-weight:bold; } .scrollContainer .energie_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/energie_image.jpg) no-repeat; border:1px solid #FEA26F;} .scrollContainer .energie_content h2{color:#FEA26F; font-weight:bold; } .scrollContainer .energie_content .recette_name {color:black; font-weight:bold; font-size: 12px; display:inline;} .scrollContainer .energie_content .recette_content {padding-bottom:2px; font-style:italic; font-weight:bold;} .scrollContainer .energie_content .recette_content .recette_detail {padding-bottom:0px; margin-left:10px; font-style:normal; font-weight:normal;} .scrollContainer .energie_content .recette_content .recette_url {padding-bottom:0px; margin-left:10px; font-weight:normal; font-size:9px; margin-top:5px;} .scrollContainer .energie_content .recette_content .recette_url a {} .scrollContainer .beaute_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/beaute_image.jpg) no-repeat; border:1px solid #D8378E;}/*ererterere*/ .scrollContainer .beaute_content h2{color:#87124b; font-weight:bold; } .scrollContainer .beaute_content .slider_content span {padding-bottom:5px; } .scrollContainer .chance_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/chance_image.jpg) no-repeat; border:1px solid #A9E33B;} .scrollContainer .chance_content h2{color:#70b112; font-weight:bold; } .scrollContainer .chance_content .chiffre_chance_titre{padding-bottom:15px; } .scrollContainer .chance_content .chiffre_chance {font-size:25px; font-weight:bold; position:absolute; left:190px; top:0px; } .scrollContainer .deco_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/deco_image.jpg) no-repeat; border:1px solid #FFABCE;} .scrollContainer .deco_content h2{color:#ff3188; font-weight:bold; } .scrollContainer .evenement_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/evenement_image.jpg) no-repeat; border:1px solid #8991E5;} .scrollContainer .evenement_content h2{color:#4267e9; font-weight:bold; } .scrollContainer .evenement_content .fete_titre { font-weight:bold; display: inline; } .scrollContainer .evenement_content .fete_content {display: inline; } .scrollContainer .evenement_content .fetes_prenom {padding-bottom:2px;} .scrollContainer .table_content .slider_image {background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/petit_image.jpg) no-repeat; border:1px solid #FFA765;} .scrollContainer .table_content h2{color:#FFA765; font-weight:bold; } .scrollContainer .table_content .recette_name {color:black; font-weight:bold; font-size: 12px; display:inline;} .scrollContainer .table_content .recette_content {padding-bottom:2px; font-style:italic; font-weight:bold;} .scrollContainer .table_content .recette_content .recette_detail {padding-bottom:0px; margin-left:10px; font-style:normal; font-weight:normal;} .scrollContainer .table_content .recette_content .recette_url {padding-bottom:0px; margin-left:10px; font-weight:normal; font-size:9px; margin-top:5px;} .scrollContainer .table_content .recette_content .recette_url a {} .slider_nolog{ position:absolute;  z-index:10;  left:-2px;  top:-19px; background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/slider_nolog_bg.jpg) repeat-x; width:680px; height:388px;} .slider_nolog_content_1{ position:absolute; top:70px; left:170px; font-size:16px;} .slider_nolog_content_2 { position:absolute; top:235px; left:50px; line-height:20px; text-align:center; font-size:13px;} .slider_nolog_content_2 font { font-style:italic; font-weight:bold;} .decouvrir { position:absolute; top:310px; left:140px; background:url(//cdn1.tlmq.fr/1/horoscope/jour/slider/decouvrir_bg.jpg) repeat-x; height:50px; width:360px; border:1px solid #C0BA97; text-align:center;} .decouvrir span { font-weight:bold; display:block; font-size:16px; margin-top:6px;} .decouvrir span font {font-weight:bold; display:block; font-size:12px;} .slider_navigation .humeur .nav_link { background-color:#c85dbf; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #a128be),color-stop(0.93, #c85dbf)); background-image: -moz-linear-gradient(center bottom,#a128be 31%,#c85dbf 93%); } .slider_navigation .humeur .nav_link_text { background-color:#c85dbf; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #a128be),color-stop(0.93, #c85dbf)); background-image: -moz-linear-gradient(center bottom,#a128be 31%,#c85dbf 93%); } .slider_navigation .humeur .nav_link img{ left:22px;} .slider_navigation .amour .nav_link, .slider_navigation .amour .nav_link_text { background-color:#de1b31; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #881216),color-stop(0.93, #de1b31)); background-image: -moz-linear-gradient(center bottom,#881216 31%,#de1b31 93%); } .slider_navigation .amour .nav_link img{ left:16px;} .slider_navigation .travail .nav_link, .slider_navigation .travail .nav_link_text { background-color:#9ec1ea; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #578ac4),color-stop(0.93, #9ec1ea)); background-image: -moz-linear-gradient(center bottom,#578ac4 31%,#9ec1ea 93%); } .slider_navigation .travail .nav_link img{ left:20px;} .slider_navigation .affinites .nav_link { background-color:#ad70da; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #7841b9),color-stop(0.93, #ad70da)); background-image: -moz-linear-gradient(center bottom,#7841b9 31%,#ad70da 93%); } .slider_navigation .affinites .nav_link img{ left:14px;} .slider_navigation .beaute .nav_link { background-color:#d8378e; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #921252),color-stop(0.93, #d8378e)); background-image: -moz-linear-gradient(center bottom,#921252 31%,#d8378e 93%); } .slider_navigation .beaute .nav_link img{ left:19.5px;} .slider_navigation .energie .nav_link { background-color:#fea26f; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #ee592b),color-stop(0.93, #fea26f)); background-image: -moz-linear-gradient(center bottom,#ee592b 31%,#fea26f 93%); } .slider_navigation .energie .nav_link img{ left:4px;} .slider_navigation .chance .nav_link { background-color:#a9e33b; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #72b312),color-stop(0.93, #a9e33b)); background-image: -moz-linear-gradient(center bottom,#72b312 31%,#a9e33b 93%); } .slider_navigation .chance .nav_link img{ left:5px; top:-23px;} .slider_navigation .deco .nav_link { background-color:#ffabce; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #ff2e87),color-stop(0.93, #ffabce)); background-image: -moz-linear-gradient(center bottom,#ff2e87 31%,#ffabce 93%); } .slider_navigation .deco .nav_link img{ left:5px; top:-23px;} .slider_navigation .cejourla .nav_link { background-color:#8991e5; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #306cf2),color-stop(0.93, #8991e5)); background-image: -moz-linear-gradient(center bottom,#306cf2 31%,#8991e5 93%); } .slider_navigation .cejourla .nav_link img{ left:8.5px; top:-23px;} .slider_navigation .atable .nav_link { background-color:#ffa765; background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, #ff8712),color-stop(0.93, #ffa765)); background-image: -moz-linear-gradient(center bottom,#ff8712 31%,#ffa765 93%); } .slider_navigation .atable .nav_link img{ left:9.5px; top:-18px;} .slider_navigation .conseils .nav_link_text { background-color:rgb(80, 204, 246); background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, rgb(34, 93, 136)),color-stop(0.93, rgb(80, 204, 246))); background-image: -moz-linear-gradient(center bottom , rgb(34, 93, 136) 31%, rgb(80, 204, 246) 93%); } .slider_navigation .vitalite .nav_link_text { background-color:rgb(253, 158, 106); background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, rgb(233, 73, 37)),color-stop(0.93, rgb(253, 158, 106))); background-image: -moz-linear-gradient(center bottom , rgb(233, 73, 37) 31%, rgb(253, 158, 106) 93%); } .slider_navigation .finance .nav_link_text { background-color:rgb(163, 141, 185); background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, rgb(68, 46, 81)),color-stop(0.93, rgb(163, 141, 185))); background-image: -moz-linear-gradient(center bottom , rgb(68, 46, 81) 31%, rgb(163, 141, 185) 93%); } .slider_navigation .astro-date .nav_link_text { background-color:rgb(228, 207, 159); background:-webkit-gradient(linear,left bottom,left top,color-stop(0.31, rgb(175, 143, 74)),color-stop(0.93, rgb(228, 207, 159))); background-image: -moz-linear-gradient(center bottom , rgb(175, 143, 74) 31%, rgb(228, 207, 159) 93%); } /* JQUERY.JSCROLLPANE.CSS */ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer {  overflow: hidden;  position: relative; } .jspPane {  position: absolute; } .jspVerticalBar {  position: absolute;  top: 0;  right: 0;  width: 16px;  height: 100%;  /* background: red; */ } .jspHorizontalBar {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 16px;  /* background: red; */ } .jspVerticalBar *, .jspHorizontalBar * {  margin: 0;  padding: 0; } .jspCap {  display: none; } .jspHorizontalBar .jspCap {  float: left; } .jspTrack {  background-image: url(//cdn1.tlmq.fr/1/game/elements/scrollbar.png);  position: relative;  background-repeat: repeat-y;  background-position: 7px; } .jspDrag {  /* background-image: url(//cdn1.tlmq.fr/1/game/elements/dragger.png); */  background-image: url(//cdn1.tlmq.fr/1/game/elements/dragger_2.png);  background-repeat: no-repeat;  position: relative;  top: 0;  left: 0;  cursor: pointer;  background-position: 0px 0px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {  float: left;  height: 100%; } .jspArrow {  background: #50506d;  text-indent: -20000px;  display: block;  cursor: pointer; } .jspArrow.jspDisabled {  cursor: default;  background: #80808d; } .jspVerticalBar .jspArrow {  height: 16px; } .jspHorizontalBar .jspArrow {  width: 16px;  float: left;  height: 100%; } .jspVerticalBar .jspArrow:focus {  outline: none; } .jspCorner {  background: #eeeef4;  float: left;  height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner {  margin: 0 -3px 0 0; }