/*people.css*/ /** * * Voila V6 styles added = BODY.voila6*/ /************* Voila-page-content GENERAL COMMON STYLES ***********************/ #voila-pageContent {text-align:justify} #dojoxLightboxDialog { padding-bottom:10px;} .dijitDialogUnderlayWrapper { background:transparent none repeat scroll 0 0 !important; display:none; left:0; position:absolute; top:0; z-index:998;} .dijitDialogUnderlay { background-color:#000;} #voila-pageContent .floatLeft {float:left;} #voila-pageContent .floatRight {float:right;padding-top:10px} #voila-pageContent div.clear {clear:both; font-size:0; height:0; line-height:0; width:0;} /*LIENS */ #voila-pageContent a:link, #voila-pageContent a:visited, #voila-pageContent a:hover {color:#039; text-decoration:none;} #voila-pageContent a:hover, #voila-pageContent A.hover { text-decoration:underline;} input {font-family:Arial;font-size:12px;color:#000;background-color:transparent;border:none;padding-top:3px} voila-pageContent UL{list-style-image:none; list-style-type:none; list-style-position:outside; margin:0; padding:0;} /*spans */ #voila-pageContent span.categorie {color:#039;} /*PUCE */ #voila-pageContent a.puce { background:url(/Icons/puce.gif) no-repeat 0 8px; padding-left:12px;margin-top:10px; float:right;} /*retour */ #voila-pageContent a.retour {background:url(Icons/retour.gif) no-repeat 0 4px; padding-left:12px;margin-top:20px; float:right;margin-bottom:30px} /*search et champs de recherche */ .V6cartouche{background:url(http://c.voila.fr/V6/Icons/global_px.gif?V6.0.0) repeat-x 0 -206px;height:26px;width:407px;margin:0 0 0 15px;font-size:13px} .V6cartouche DIV{height:26px;float:left} .V6cartoucheLeft{background:url(http://c.voila.fr/V6/Icons/input_global.gif?V6.0.0) no-repeat -22px -77px;height:26px;width:5px} .V6cartoucheCentre{width:200px;line-height:25px} .V6cartoucheCentre .dijitTextBox{width:200px;height:21px;line-height:20px;color:#454545} .V6cartoucheOpenSearch{width:117px} .V6listSearch{width:110px;margin:3px 0 0 0;border:1px solid #7f9db9} .V6cartoucheBouton{width:80px} .V6cartoucheRight{background:url(http://c.voila.fr/V6/Icons/input_global.gif?V6.0.0) no-repeat -17px -77px;height:26px;width:5px} .V6rdata{border:0;height:25px;margin:0;background-color:transparent;line-height:25px} .dj_gecko .V6rdata{padding:5px 0 0 0} .V6searchHead{background:url('http://c.voila.fr/V6/Icons/img_globale.gif?V6.0.0') no-repeat;width:76px;height:16px;margin:4px 4px; zoom:1; z-index:100} .V6searchHead:hover{background-position:0 -19px} .V6searchHead:active{background-position:0 -38px} /****** NAV et SSNAV *****/ BODY.voila6 #voila-pageContent .nav, #voila-pageContent .nav, #voila-pageContent .ssnav { height:19px; width:984px; margin-top:-2px; position:relative; color:#FFF; font-size:12px; padding:1px 3px; } #voila-pageContent .ssnav {background:#ACACAC; margin-bottom:10px; } /* liste */ #voila-pageContent .nav UL { height:20px; padding-top:1px;} #voila-pageContent .ssnav UL {height:20px; padding-top:2px; margin-bottom:-2px; } .dj_ie6 #voila-pageContent .ssnav UL { height:20px; padding-top:2px; } .dj_ie6 #voila-pageContent .nav UL { height:20px; padding-top:1px; } /* puces*/ #voila-pageContent .nav LI { display:inline; font-size:12px; height:18px; display:block; float:left; line-height:13px; margin:0 3px; } #voila-pageContent .ssnav LI { display:inline; font-size:12px; height:20px; display:block; float:left;line-height:13px; margin:0 3px; } /*Onglets*/ #voila-pageContent .nav .onglet {background:url(/Icons/ongletNavRight.gif);margin-top:6px;height:19px;font-size:12px; margin-right:0; margin-left:3px;border:0; } #voila-pageContent .nav .onglet .topic {background:url(/Icons/ongletNavLeft.gif) right; background-position:right; font-size:12px;margin-right:0; } #voila-pageContent .ssnav .onglet {background:url(/Icons/ongletSSNavRight.gif); margin-top:6px;height:19px;font-size:12px; margin-right:0; margin-left:3px;border:0; } #voila-pageContent .ssnav .onglet .topic {font-size:12px;background:url(/Icons/ongletSSNavLeft.gif) right;} #voila-pageContent.voila-meteo .nav LI H1 { font-size:12px; height:20px; display:block; float:left; margin:0; padding:0;} #voila-pageContent.voila-meteo .ssnav LI H1 {font-size:12px; height:20px; display:block; float:left; margin:0; padding:0;} /*Liens*/ #voila-pageContent .nav a, #voila-pageContent .nav a:visited, #voila-pageContent .ssnav a, #voila-pageContent .ssnav a:visited { color:#FFF; margin:0 5px 5px 5px; display:block; } #voila-pageContent .nav a:hover { color:#FFF; text-decoration:none; border-bottom:2px solid #FFD111; } #voila-pageContent .ssnav a:hover { color:#FFF; text-decoration:none; border-bottom:2px solid #FFD111; } #voila-pageContent .nav LI.selected { zoom:1; padding-left:5px; background:url('/Icons/ongletNavRight.gif') no-repeat top left;} #voila-pageContent .nav LI.selected H1 { padding-right:5px; font-size:12px; background:url('/Icons/ongletNavLeft.gif') top right no-repeat;} #voila-pageContent .nav LI.selected H1 a, #voila-pageContent .nav H1 LI.selected a:hover, #voila-pageContent .nav LI.selected H1 a:visited { border-bottom:2px solid #FF8414; } #voila-pageContent .ssnav LI.selected { zoom:1; padding-left:5px; background:url('/Icons/ongletSSNavRight.gif') top left no-repeat;} #voila-pageContent .ssnav LI.selected a { color:#039; border-bottom:2px solid #FF8414} #voila-pageContent .ssnav LI.selected H1 { padding-right:5px; font-size:12px; background:url('/Icons/ongletSSNavLeft.gif') top right no-repeat;} #voila-pageContent .ssnav li.selected a, #voila-pageContent .ssnav li.selected a:hover, #voila-pageContent .ssnav li.selected a:visited {color:#039; border-bottom:2px solid #FF8414; } /*rss*/ #voila-pageContent .nav LI.rss { width:150px; padding-right:0; position:absolute; right:0; top:2px; line-height:13px; background:url('http://c.voila.fr/V6C/Icons/rss.jpg') no-repeat right 0; margin-right:5px; } #voila-pageContent .nav .rss a, #voila-pageContent .nav .rss a:hover, #voila-pageContent .nav .rss a:visited { width:120px; display:block; padding-right:0; } #voila-pageContent .nav LI.rss a:hover { border-bottom:2px solid #FFD111; } #voila-pageContent .nav .popRSS1 { width:410px; height:295px; background:#FFF; padding:10px 10px 0 10px; display:none; position:absolute; top:25px; right:0; z-index:800; border:1px solid #999; } #voila-pageContent .nav .popRSS1 H2 { display:block; width:410px; height:22px; background:url('/Icons/titre_RSS.gif') no-repeat left top; margin:0 0 20px 0; padding:0; } #voila-pageContent .nav .popRSS1 p { width:410px; margin-bottom:20px; color:#333; } #voila-pageContent .nav .c_lk_rss { display:block; float:none; padding-left:18px; background:transparent url('http://c.orange.fr/Programmes/Icons/rss.gif') no-repeat scroll 0 0; color:#333; } #voila-pageContent .nav .popRSS1 INPUT { width:345px; height:17px; font-size:11px; border:1px solid #999; margin:5px 0 20px 0; clear:both; padding:3px 0 0 3px; } #voila-pageContent .nav .popRSS1 .c_lk_close { float:right; clear:right; color:#333; background:transparent url('/Icons/ico_fermer.gif') no-repeat left 3px; padding:0 0 0 15px; } /*onglets Bleus*/ #voila-pageContent .ssnav a .selectedBlue {height:15px; display:block; float:left;line-height:15px;} #voila-pageContent .ssnav LI.selectedBlue {height:15px;padding-left:0;line-height:15px;background:url('/Icons/bulleBleueLeft.gif') top left no-repeat;} #voila-pageContent .ssnav LI.selectedBlue a {padding-right:5px;font-size:12px;line-height:14px ;background:url('/Icons/bulleBleueRight.gif') top right no-repeat;} #voila-pageContent .ssnav a.selectedBlue {padding:10px;} /*texte*/ #voila-pageContent .texte{text-align:justify;font-size:12px} /*special Voila 6 avant bascume */ BODY.voila6 #voila-pageContent .nav {margin-bottom:-14px; background:#636363;display:block; z-index:900; } #voila-pageContent .nav {margin-bottom:-1px; background:#636363;display:block;} BODY.voila6 #voila-pageContent .nav {margin-bottom:-1px;width:984px} BODY.voila6 #voila-pageContent .nav, BODY.voila6 #voila-pageContent .ssnav {height:19px;width:984px} /********************* END of Voila-page-content GENERAL STYLES *************************/ /************************* SECTION CENTRALE ****************************/ #voila-pageContent .mainContainer_HP {margin-top:-1px; width:654px; padding:1px 8px ;float:left; font-size:12px; font-family:arial; overflow:hidden;text-align:left} #voila-pageContent .mainContainer{ width:654px;_width:662px; color:#333; margin-top:-1px; padding:1px 8px; float:left; font-size:12px; font-family:arial; overflow:visible; } #voila-pageContent .mainContainer h1, #voila-pageContent .mainContainer_HP h1 {color:#333;text-align:left;font-size:19px} #voila-pageContent .mainContainer .titre {font-size:19px;} .dj_ie6 #voila-pageContent .mainContainer{padding-right:0;} .dj_ie6 #voila-pageContent .mainContainer_right { margin-right:0; width:305px; position:relative; } /*Communs*/ A, A:hover {outline:0} .c_fl_L { float:left; } .c_fl_R { float:right; } .c_sep_CCC {border-top:1px solid #CCC; background:transparent none repeat scroll 0 0; clear:both; float:none; font-size:0; height:0; line-height:0;} /*HP France Jour*/ #voila-pageContent .mainContainer#franceJour .hautCentre, #voila-pageContent .mainContainer#vent .hautCentre {background:url('/Icons/meteo-franceJour.jpg') no-repeat; width:654px; height:590px; } #voila-pageContent .mainContainer#franceNuit .hautCentre {background:url('/Icons/meteo-franceNuit.jpg') no-repeat; width:654px; height:514px; } #voila-pageContent .mainContainer#littoralRegion .hautCentre {background:transparent url('/Icons/meteo-littoral-region.jpg') no-repeat scroll 0 0; width:654px; height:514px; } #voila-pageContent .mainContainer#satellite .hautCentre, #voila-pageContent .mainContainer#mondeRegion .hautCentre, #voila-pageContent .mainContainer#france .hautCentre {background:url('/Icons/fondBleu.jpg') no-repeat; width:654px; height:514px; } /*pour le fond des fiches Villes*/ #voila-pageContent .ici { margin:0 0 5px 10px; font-size:11px; } #voila-pageContent .mainContainer .hautCentre .depechesR { width:628px; height:112px; font-size:12px; position:relative; margin:10px 0 0 15px } #voila-pageContent .mainContainer .hautCentre .depechesR .contLarge { width:628px; height:112px; background-color:#000; z-index:1; position:absolute; /* for IE */ filter:alpha(opacity=60); opacity:0.6; } #voila-pageContent .mainContainer .hautCentre .depechesR .depecheContent { width:628px; height:100px; position:relative; z-index:2; } #voila-pageContent .mainContainer .hautCentre .depechesR .depecheContent H2 { width:628px; height:20px; padding:3px 0 0 15px; margin:0 0 10px 0; color:#FFF; display:block; background:url('/Icons/tetiere628.gif') no-repeat 0 0; font:normal 12px Arial,sans-serif; } #voila-pageContent .mainContainer .hautCentre .depechesR .depecheContent SPAN A { color:#FFF } #voila-pageContent .mainContainer .hautCentre .depechesR .depecheContent .heure {color:#999; padding-left:10px;} #voila-pageContent .mainContainer .hautCentre .depechesR .depecheContent .puce { color:#FFF; background:url('/Icons/puceBlanche.gif') no-repeat 0 8px; padding-left:12px; margin:2px 10px 0 0; float:right; } #voila-pageContent .mainContainer .hautCentre .partG { float:left; width:230px; margin-top:18px; } #voila-pageContent .mainContainer .partG .repartJour { width:199px; height:245px; font-size:12px; position:relative; margin:5px 0 10px 15px;_margin:5px 0 0 15px;} #voila-pageContent .mainContainer .hautCentre .partG .repartJour .contLarge { width:199px; height:230px; background-color:#000; position:absolute; top:0; left:0; /* for IE */ filter:alpha(opacity=60); opacity:0.6; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .repartJourContent { width:199px; height:70px;position:absolute; top:-1px; left:0; z-index:10; padding:0;} #voila-pageContent #ficheVille .hautCentre .partG .repartJour { margin:0; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .previsionsList { } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .previsionsList UL { list-style-type:none; padding-top:0 } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .previsionsList LI { height:45px; color:#FFF; margin:0 2px 0 2px; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .previsionsList LI SPAN.temp { display:block; float:right; margin:5px 25px 0 0;_margin:5px 10px 0 10px} #voila-pageContent .mainContainer .hautCentre .partG .repartJour .previsionsList LI SPAN.jour { width:72px;display:block; float:left; margin:15px 0 0 10px; } /* looking dojo */ #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionContainer { width:199px; height:245px; border:none; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionBody { background:transparent; border:none; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle, #voila-pageContent .mainContainer .hautCentre .partG .repartJour .previ { height:20px; background:url('/Icons/tetiereAccordeon.gif'); padding-left:5px; border:none; margin-top:1px; outline:0; cursor:pointer } #voila-pageContent .mainContainer .hautCentre .partG .repartJour { position:relative; overflow:hidden;} #voila-pageContent .mainContainer .hautCentre .partG .repartJour #dijit_layout_AccordionContainer_0 { position:absolute; top:0;} #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle .dijitAccordionArrow { float:left; background:transparent url('/Icons/arrowUp.gif') no-repeat scroll 0 0; height:14px; width:10px; margin:3px 5px 0 0; } /*#voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle .dijitAccordionArrow SPAN.arrowTextDown { float:left; background:url('/Icons/arrowDown.gif') no-repeat scroll 0 0; height:14px; width:10px; margin:3px 5px 0 0; }*/ #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle SPAN.arrowTextUp { display:none; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle SPAN.arrowTextDown { display:none; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle .dijitAccordionText { margin-top:3px;line-height:18px; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle-selected, #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle-hover { background:url('/Icons/tetiereSelected.gif'); color:#FFF; padding-left:20px; border:none; margin-top:1px; zoom:1 } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle-selected { cursor:default } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle-hover .dijitAccordionArrow{display:none} #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionPane .dijitAccordionTitle-selected .dijitAccordionArrow {display:none;} #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionBody {padding:0 0 0 8px; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionBody P {color:#CCC; float:left; display:inline; margin:0;} #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionBody .ephSaint { width:100px;_width:90px; display:block; height:auto; margin:0; padding:0 } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionBody .longuesEcheances .ephSaint { width:150px; } #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionBody UL.liensSpe {float:right; height:70px; display:inline; margin-right:3px; padding:0;} .dj_ie6 #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionContainer { width:199px; height:230px; border:none; } .dj_ie6 #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionBody { } .dj_ie6 #voila-pageContent .mainContainer .hautCentre .partG .repartJour .dijitAccordionBody UL.liensSpe { float:right; width:80px;text-align:left; display:inline; margin:0; padding:0; } #voila-pageContent .mainContainer .hautCentre .partG .logoMeteoFrance { margin:10px 0 0 15px; clear:both; } .dnone { display:none; margin-top:8px; } #voila-pageContent .mainContainer .hautCentre .partG .prevPluie { width:199px; height:50px; font-size:12px; margin:10px 0 0 15px; position:relative; clear:both; zoom:1} #voila-pageContent .mainContainer .hautCentre .partG .prevPluie .cont { width:199px; height:50px; background-color:#000; position:absolute; top:0; left:0; /* for IE */ filter:alpha(opacity=60); opacity:0.6; } #voila-pageContent .mainContainer .hautCentre .partG .prevPluie .prevPluieContent { width:199px; height:30px; position:relative; z-index:2; color:#FFF; padding:0; margin:0; } #voila-pageContent .mainContainer .hautCentre .partG .prevPluie H3 { height:20px; display:block; color:#FFF; background:url('/Icons/tetiereSelected.gif') no-repeat 0 0; font:normal 12px Arial,sans-serif; margin:0 0 0 0; padding:3px 0 0 15px; } #voila-pageContent .mainContainer .hautCentre .partG .prevPluie H3 SPAN.new { width:25px; height:10px; display:block; background:url('/Icons/new.gif') no-repeat 0 0; position:absolute; right:20px; top:1px; } #voila-pageContent .mainContainer .hautCentre .partG .prevPluie A { display:block; color:#FFF; margin:5px 0 0 15px; } #voila-pageContent .mainContainer .hautCentre .partG .cartes { width:199px; height:105px; font-size:12px; margin:10px 0 0 15px; position:relative; clear:both; zoom:1} #voila-pageContent .mainContainer .hautCentre .partG .cartes .cont { width:199px; height:95px;background-color:#000; position:absolute; top:0; left:0; /* for IE */ filter:alpha(opacity=60); opacity:0.6; } #voila-pageContent .mainContainer .hautCentre .partG .cartes .cartesContent { width:199px; height:98px; position:relative; z-index:2; /*position:absolute; top:330px;_top:269px; left:10px;*/ color:#FFF; padding:0; margin:0; } #voila-pageContent .mainContainer .hautCentre .partG .cartes H3 { height:20px; display:block;color:#FFF; background:url('/Icons/tetiereSelected.gif') no-repeat 0 0; font:normal 12px Arial,sans-serif; margin:0 0 0 0; padding:3px 0 0 15px; } #voila-pageContent .mainContainer .hautCentre .partG .cartes .cartesContent UL { padding:5px 0 5px 20px; } #voila-pageContent .mainContainer .hautCentre .liensSpe a, #voila-pageContent .mainContainer .hautCentre .bulletin a { color:#fff; text-decoration:none; line-height:12px; } #voila-pageContent .mainContainer .hautCentre .liensSpe a:hover, #voila-pageContent .mainContainer .hautCentre .bulletin a:hover {color:#fff;text-decoration:none; border-bottom:2px solid #FFD111; line-height:12px; } #voila-pageContent .mainContainer .hautCentre .liensSpe li.selected a, #voila-pageContent .mainContainer .liensSpe li.selected a:hover, #voila-pageContent .mainContainer .liensSpe li.selected a:visited {border-bottom:2px solid #FF8414; font-weight:bold; color:#CCC; line-height:12px;} #voila-pageContent .mainContainer .hautCentre .liensSpe li.aprem {font-size:10px} #voila-pageContent .mainContainer .hautCentre .liensSpe li span.arrowR { display:none;} #voila-pageContent .mainContainer .hautCentre .liensSpe li.selected span.arrowR { margin-left:5px; display:inline; } #voila-pageContent .mainContainer .hautCentre .repartJourContent SPAN.linkBulletin { display:block; background:url('/Icons/ico_previsions.gif') no-repeat left top; padding:0 0 0 23px; } #voila-pageContent .mainContainer .hautCentre .repartJourContent SPAN.linkBulletin A { color:#FFF; } #voila-pageContent .mainContainer .hautCentre .repartJourContent SPAN.linkBulletin A:HOVER { border-bottom:2px solid #FFD111; text-decoration:none; } /*bulletin meteo*/ #contPop { width:660px; position:absolute; top:210px; left:140px; z-index:900; } #contPopIn { width:644px; _width:620px; height:570px; _height:500px; background:#FFF; z-index:950; padding:10px; } .c_lk_close { background:url('/Icons/ico_fermer.gif') no-repeat 0 2px; padding-left:15px; float:right; margin:10px 0 0 0; color:#333; zoom:1 } #contPopIn #IFRAME { width:660px; _width:640px; height:550px; _height:510px; margin:0; border:0; } #voila-pageContent .mainContainer .hautCentre .partD { float:left; width:420px; margin:20px 0 0 0; } #voila-pageContent .mainContainer #ficheVille.hautCentre .partD { float:left; width:410px; margin:20 0 0 10px; } #voila-pageContent .mainContainer .hautCentre H2.nomRegion { display:block;font:18px Arial,sans-serif; width:auto; color:#000; margin-left:120px } #voila-pageContent .mainContainer .hautCentre .meteoF { margin:5px 0 0 15px; } #voila-pageContent .mainContainer .hautCentre .meteoF_region, #voila-pageContent .mainContainer#littoral .hautCentre .meteoF, #voila-pageContent .mainContainer#montagne .hautCentre .meteoF { margin:103px 0 0 15px; _margin-top:95px} #voila-pageContent .mainContainer .hautCentre .meteoF_Continent { margin:140px 0 0 15px } #voila-pageContent .mainContainer .hautCentre H2.titreDomTom { font:bold 12px Arial,sans-serif; margin:5px 0 7px 15px; float:left; display:inline }/*titre dom-tom dans partG pour coller à la maquette*/ #voila-pageContent .mainContainer .hautCentre .domTom { margin-top:0 } #voila-pageContent .mainContainer .hautCentre .domTom .c_fl_L { margin-left:12px; display:inline; } #voila-pageContent .mainContainer .hautCentre .domTom #miniReunion IMG{ margin-top:8px } #voila-pageContent .mainContainer .hautCentre .partG #bloc { width:199px; height:190px; margin:20px 0 0 15px; position:relative; } #voila-pageContent .mainContainer .hautCentre .partG #bloc H2 { width:199px;_width:179px; height:25px; display:block; margin:0 0 -7px 0; font:normal 12px Arial,sans-serif; color:#FFF; background:url('/Icons/tetiereSelected.gif') no-repeat; padding:2px 0 0 20px; float:none} #voila-pageContent .mainContainer .hautCentre .partG #bloc #pseudoFrame { height:176px; margin:0; overflow:auto; background:#000; /* for IE */ filter:alpha(opacity=60); opacity:0.6; } #voila-pageContent .mainContainer .hautCentre .partG #bloc #pseudoFrame { zoom:1; } #voila-pageContent .mainContainer .hautCentre .partG #bloc A.continent { display:block; margin:0; padding:5px 0 5px 20px; color:#FFF } #voila-pageContent .mainContainer .hautCentre .partG #bloc A.continent:hover { background:#336699;text-decoration:none; } #voila-pageContent .mainContainer .hautCentre .partG #bloc A.on { background:#336699; display:block; margin:0; padding:5px 0 5px 20px; } /* HP MONDE */ #voila-pageContent .mainContainer#monde .hautCentre { background:url('/Icons/meteo-monde.jpg') no-repeat; width:654px; height:514px; } #voila-pageContent .mainContainer#monde .hautCentre #carte { width:610px; height:342px; margin:0 0 0 22px; position:relative; top:80px;left:5px; font:11px arial,sans-serif; } #voila-pageContent .mainContainer#monde .hautCentre #carte .NomCont { width:auto; height:18px; background-color:#FFF; color:#000; padding:6px 20px 0 20px; text-align:center; border:1px solid #F60; outline:0} #voila-pageContent .mainContainer#monde .hautCentre #carte .ameriNord {position:absolute; top:154px; left:85px; } #voila-pageContent .mainContainer#monde .hautCentre #carte .ameriSud {position:absolute; top:260px; left:90px; } #voila-pageContent .mainContainer#monde .hautCentre #carte .europe {position:absolute; top:135px; left:250px; } #voila-pageContent .mainContainer#monde .hautCentre #carte .afrique {position:absolute; top:255px; left:270px; } #voila-pageContent .mainContainer#monde .hautCentre #carte .asie {position:absolute; top:120px; left:410px; } #voila-pageContent .mainContainer#monde .hautCentre #carte .oceanie{position:absolute; top:269px; left:422px; } /* HP Montagne*/ #voila-pageContent .mainContainer#montagne #carte {position:relative; z-index:1} #voila-pageContent .mainContainer#montagne #carte .nomMont , #voila-pageContent .mainContainer#littoral #carte .nomLitRegion{ height:15px; background-color:#FFF; text-align:center; border:1px solid #f60; padding:0 8px; } #voila-pageContent .mainContainer#montagne #carte .vosges {position:absolute; top:70px; left:300px; } #voila-pageContent .mainContainer#montagne #carte .jura {position:absolute; top:130px; left:270px;} #voila-pageContent .mainContainer#montagne #carte .juraVosges {position:absolute; top:70px; left:290px;} #voila-pageContent .mainContainer#montagne #carte .auvergne {position:absolute; top:200px; left:175px;} #voila-pageContent .mainContainer#montagne #carte .hauteSavoie {position:absolute; top:175px; left:315px;} #voila-pageContent .mainContainer#montagne #carte .savoie {position:absolute; top:220px; left:335px;} #voila-pageContent .mainContainer#montagne #carte .isere {position:absolute; top:225px; left:255px;} #voila-pageContent .mainContainer#montagne #carte .alpesDuSud {position:absolute; top:295px; left:245px;} #voila-pageContent .mainContainer#montagne #carte .pyrenees {position:absolute; top:320px; left:120px;} #voila-pageContent .mainContainer#montagne #carte .corse {position:absolute; top:335px; left:320px; } /* FICHE ville*/ #voila-pageContent .mainContainer #ficheVille .ajout_favori { float:left; margin:20px 0 0 10px; position:relative; z-index:900;} #voila-pageContent .mainContainer #ficheVille .ajout_favori SPAN { display:block; color:#FFF; font-size:14px; font-weight:bold; margin:0 0 10px 0; } #voila-pageContent .mainContainer #ficheVille .ajout_favori .ajout { width:186px; height:20px; display:block; background:url('/Icons/btnAjouterVille.gif') no-repeat left top; } #voila-pageContent .mainContainer #ficheVille .ajout_favori .linkRSS { color:#FFF; font-size:12px; background:url(http://c.voila.fr/V6C/Icons/rss.jpg) no-repeat left 1px; padding:0 0 5px 22px; } #voila-pageContent .mainContainer #ficheVille .ajout_favori .popRSS2 { width:410px; height:295px; background:#FFF; padding:10px 10px 0 10px; display:none; position:absolute; top:20px; right0; z-index:400; border:1px solid #999; } #voila-pageContent .mainContainer #ficheVille .ajout_favori .popRSS2 H2 { display:block; width:410px; height:22px; background:url('/Icons/titre_RSS.gif') no-repeat left top; margin:0 0 20px 0; padding:0; } #voila-pageContent .mainContainer #ficheVille .ajout_favori .popRSS2 p { width:410px; margin-bottom:20px; color:#333; } #voila-pageContent .mainContainer #ficheVille .ajout_favori .c_lk_rss { float:none; padding-left:18px; background:transparent url('http://c.orange.fr/Programmes/Icons/rss.gif') no-repeat scroll 0 0; color:#333; } #voila-pageContent .mainContainer #ficheVille .ajout_favori .popRSS2 INPUT { width:345px; height:17px; font-size:11px; border:1px solid #999; margin:5px 0 20px 0; clear:both; padding:3px 0 0 3px; } #voila-pageContent .mainContainer #ficheVille .ajout_favori .c_lk_close { float:right; clear:right; color:#333; background:transparent url('/Icons/ico_fermer.gif') no-repeat left 3px; padding:0 0 0 15px; zoom:1} #voila-pageContent .mainContainer #ficheVille H2.previ { width:199px; height:25px; display:block; margin:0; background:url('/Icons/tetiereSelected.gif') no-repeat top left; color:#FFF; padding:3px 0 0 20px; font:normal 12px Arial,sans-serif;} #voila-pageContent .mainContainer #ficheVille .partG { float:left; width:199px; margin:18px 18px 0 5px;_margin:18px 5px 0 5px; } #voila-pageContent .mainContainer #ficheVille .partG .Day { position:relative; } #voila-pageContent .mainContainer #ficheVille .partG .Day .fleche {z-index:100; position:absolute; top:10px; right:5px} #voila-pageContent .mainContainer #ficheVille .partG .Day .c_fl_L { width:140px; } #voila-pageContent .mainContainer #ficheVille .partG .Day A { color:#FFF; display:block; width:194px;_width:199px; height:41px; margin:2px 1px 2px 0; } #voila-pageContent .mainContainer #ficheVille .partG .Day A.on { cursor:default; background-color:#369; color:#FFF; zoom:1} #voila-pageContent .mainContainer #ficheVille .partG .Day .jour { width:auto; float:left; color:#FFF; margin:15px 0 0 10px;_margin:15px 0 0 5px } #voila-pageContent .mainContainer #ficheVille .partG .Day .picto { float:right; } #voila-pageContent .mainContainer #ficheVille .partG .Day .on .jour { border-bottom:2px solid #FF8414; } #voila-pageContent .mainContainer #ficheVille .partG .Day A:hover { color:#FFF; cursor:pointer; background-color:#369; text-decoration:none; z-index:100; } #voila-pageContent .mainContainer #ficheVille .partG .Day A:hover .jour{ color:#FFF; text-decoration:none; border-bottom:2px solid #FFD111; } #voila-pageContent .mainContainer #ficheVille .repartJour, #voila-pageContent .mainContainer #ficheVille .repartJourContent, #voila-pageContent .mainContainer #ficheVille .contLarge { height:560px; _height:583px; } #voila-pageContent .mainContainer #ficheVille .ficheVille { width:410px; height:485px; margin:22px 0 0 10px;_margin:22px 0 0 0 padding:0; position:relative; } #voila-pageContent .mainContainer #ficheVille .ficheVille .cont { width:410px; height:540px; _height:565px; background-color:#000; top:0; left:0; position:absolute; margin:0;/* for IE */ filter:alpha(opacity=60); opacity:0.6; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent { height:500px; zoom:1; color:#CCC; z-index:10; position:relative; padding-top:10px; padding-top:10px; margin:0 10px 10px 10px; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .partL { width:160px; float:left; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .partL p, #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .partD p { margin-bottom:20px; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .partL SPAN, #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .partD SPAN { display:block; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .partD { width:170px; float:right; margin:0; padding:0; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .partD LI { list-style-image:none; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .infoVille { zoom:1; margin:0 10px 10px 10px; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .infoVille .quand { width:70px; float:left; margin-top:10px; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .infoVille .legende{ width:100px; float:left; margin:10px 10px 0 0; display:block; height:auto; text-align:center; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .infoVille .temperature { width:50px; float:left; margin-top:10px; _margin-top:8px; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .infoVille .temperature IMG { width:22px; height:32px; float:left; background:url('/Icons/temperature.png') no-repeat; position:absolute; bottom:5px;_bottom:15px; right:105px; border:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Icons/temperature.png", sizingMethod="scale"); _background:none; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .testLongues .infoVille .picto { margin-left:50px; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .testLongues .infoVille .legende { width:160px; margin-left:2px; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .testLongues .temperature IMG { width:22px; height:32px; float:left; background:url('/Icons/temperature.png') no-repeat; position:absolute; bottom:5px;_bottom:15px; right:130px; border:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Icons/temperature.png", sizingMethod="scale"); _background:none; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .minElt { width:370px } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .infoVille .forceVent { width:50px; float:left; margin-top:10px; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .infoVille .forceVent IMG {width:27px; height:32px; float:left; background:url('/Icons/vent.png') no-repeat; position:absolute; bottom:5px;_bottom:15px; right:18px; border:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Icons/vent.png", sizingMethod="scale"); _background:none; } #voila-pageContent .mainContainer #ficheVille .ficheVilleContent .contVille .col .infos { font-weight:bold; float:right; display:block; } #voila-pageContent .mainContainer #ficheVille .blocIndice, #voila-pageContent .mainContainer #ficheVille .test, #voila-pageContent .mainContainer #ficheVille .blocIndice, #voila-pageContent .mainContainer #ficheVille .testLongues { width:390px; position:relative } #voila-pageContent .mainContainer #ficheVille .blocIndice .c_fl_R { text-align:right; } /*fiche montagne et plage*/ #voila-pageContent .mainContainer#littoralRegion .hautCentre, #voila-pageContent .mainContainer#montagneRegion .hautCentre { width:654px; height:808px; background:url('/Icons/meteo-littoral-region.jpg') no-repeat; padding-top:30px;} #voila-pageContent .mainContainer#montagneRegion .hautCentre {background:url('/Icons/meteo-montagne-stations.jpg') no-repeat;} #voila-pageContent .mainContainer#france .hautCentre, #voila-pageContent .mainContainer#mondeRegion .hautCentre, #voila-pageContent .mainContainer#dom-tom .hautCentre { width:654px; height:808px; background:url('/Icons/meteo-fiche.jpg') no-repeat; } #voila-pageContent .mainContainer#littoralRegion .hautCentre .infosLitto, #voila-pageContent .mainContainer#littoralRegion .hautCentre .infosLitto { width:390px; margin:10px 0; font:bold 13px Arial,sans-serif; position:relative; } #voila-pageContent .mainContainer#littoralRegion .hautCentre .infosLitto .liseret IMG {width:390px; height:31px; background:url('/Icons/liseretLitto.png') no-repeat; margin-top:5px} #voila-pageContent #montagneRegion .listeStations { width:610px; height:550px; position:relative; margin:0 0 0 15px; } #voila-pageContent #montagneRegion .listeStations .ficheStation { width:530px; height:490px; position:absolute; right:0; top:9px; z-index:2; } #voila-pageContent #littoralRegion .listeStations, #voila-pageContent #montagneRegion .listeStations { width:610px; height:520px; position:relative; margin:0 0 0 20px; } #voila-pageContent #littoralRegion .listeStations .alpha, #voila-pageContent #montagneRegion .listeStations .alpha { width:610px; height:520px; background-color:#000; z-index:1; position:absolute; /* for IE */ filter:alpha(opacity=60); opacity:0.6; } #voila-pageContent #littoralRegion .listeStations .alpha {height:560px;} #voila-pageContent #littoralRegion .listeStations .ficheStation, #voila-pageContent #montagneRegion .listeStations .ficheStation { width:590px; height:490px; position:absolute; left:10px; top:10px; z-index:2; } #voila-pageContent #littoralRegion .listeStations .ficheStation .menu_littoral, #voila-pageContent #montagneRegion .listeStations .ficheStation .menu_littoral { height:44px; padding:5px 40px 5px 40px; background:url('/Icons/bck_menu_littoral.jpg') repeat-x left bottom #f7f7f7; text-align:center; } #voila-pageContent #montagneRegion .listeStations .ficheStation .menu_littoral {height:18px;} #voila-pageContent #littoralRegion .listeStations .ficheStation .menu_littoral A { margin:0 4px 0 4px; line-height:15px; white-space:nowrap;} #voila-pageContent #littoralRegion .listeStations .ficheStation .menu_littoral .ON, #voila-pageContent #montagneRegion .listeStations .ficheStation .menu_littoral .ON { font-weight:bold; color:#333; } #voila-pageContent .listeStations #content1 { zoom:1; padding:0 15px 0 15px; } #voila-pageContent .listeStations #content2 { zoom:1; display:none; padding:0 15px 0 15px; } #voila-pageContent .listeStations .ficheStation .col { width:120px; float:left; margin:0 0 0 10px; } #voila-pageContent #littoralRegion .listeStations .ficheStation .col, #voila-pageContent #montagneRegion .listeStations .ficheStation .col { width:120px; float:left; margin:10px 0 0 10px; } #voila-pageContent .listeStations .ficheStation .col SPAN.lettrine { display:block; margin-top:0; color:#CCC; font-weight:bold; } #voila-pageContent .listeStations .ficheStation .col A.stations { display:block; padding:1px; text-align:left; font-size:11px; color:#FFF; margin-bottom:2px;} #voila-pageContent .listeStations .ficheStation .col A.first { display:block; padding:2px; margin-top:5px; text-align:left; font-size:11px; color:#FFF; } #voila-pageContent .listeStations .ficheStation .col A.first:first-letter { font-weight:bold; } #voila-pageContent .listeStations .ficheStation .col A:HOVER { background:#74787d; border-bottom:2px solid #F90; padding:1px; text-decoration:none; margin-bottom:0;} #voila-pageContent .listeStations .ficheStation .suivant { width:13px; height:45px; display:block; background:url('/Icons/fL_suiv_big.gif') no-repeat left top; position:absolute; right:5px; top:190px; } #voila-pageContent .listeStations .ficheStation .precedent { width:13px; height:45px; display:block; background:url('/Icons/fL_prec_big.gif') no-repeat left top; position:absolute; left:5px; top:190px; } #voila-pageContent #montagneRegion .listeStations .ficheStation .titre { background:#f8ecdf; font-size:14px; font-weight:bold; color:#F60; padding:20px 0 20px 10px; } #montagne .listeStations #stationsEurope { display:none; } #montagne .listeStations #stationsEurope .col { width:105px; margin:10px 0 0 25px; } #voila-pageContent .listeStations .menuG { width:80px; height:390px; position:absolute; left:-3px; top:9px; z-index:10; /*background:url('/Icons/bck_menuG_stations.png') repeat-y left top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Icons/bck_menuG_stations.png", sizingMethod="scale"); _background:none;*/ } #voila-pageContent .listeStations .menuG A { width:65px; height:35px; display:block; cursor:pointer; margin-bottom:5px; padding:15px 9px 0 9px; _padding:15px 8px 0 10px; text-align:center; font-size:11px; font-weight:bold; } #voila-pageContent .listeStations .menuG A.OFF { background:url('/Icons/bck_menuG_OFF.gif') repeat-y right top #FFF; -moz-opacity:0.85;opacity:0.85; filter:alpha(opacity=85); } #voila-pageContent .listeStations .menuG A.ON { background:#2f9aec; color:#FFF; } #voila-pageContent .listeStations .menuR { width:80px; height:390px; position:absolute; right:0;_right:-5px; top:9px; z-index:10; /*background:url('/Icons/bck_menuG_stations.png') repeat-y left top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Icons/bck_menuG_stations.png", sizingMethod="scale"); _background:none;*/ } #voila-pageContent .listeStations .menuR A { width:65px; height:40px; display:block; cursor:pointer; margin-bottom:5px;_margin-left:5px; padding:10px 10px 3px 10px; text-align:center; font-size:11px; font-weight:bold; } #voila-pageContent .listeStations .menuR A.OFF { background:url('/Icons/bck_menuR_OFF.gif') repeat-y left top #FFF; -moz-opacity:0.85;opacity:0.85; filter:alpha(opacity=85); } #voila-pageContent .listeStations .menuR A.ON { background:#2f9aec; color:#FFF; } /**fenetre flottante choisir 5 villes fav**/ #voila-pageContent .bloc_villeFav { width:412px; background:#FFF; padding:10px 0 20px 0; position:absolute; left:135px; top:20px; zoom:1; z-index:40; border:2px solid #acacac; } #voila-pageContent .bloc_villeFav .moteur { width:300px; margin:0 0 10px 60px; } #voila-pageContent .bloc_villeFav .moteur H2.choisir { width:265px; height:18px; display:block; background:url('/Icons/titre_choisir5.gif') no-repeat left top; margin:0 0 10px 0; padding:0; } #voila-pageContent .bloc_villeFav .moteur INPUT {float:left; border:0; } #voila-pageContent .bloc_villeFav .moteur .champs { width:215px; height:17px; border:1px solid #F60; margin:0 10px 0 0; padding:3px 0 0 5px; } #voila-pageContent .bloc_villeFav .moteur .ajouter { width:59px; height:20px; cursor:pointer; background:url('/Icons/btn_big.gif') no-repeat left top; color:#F60; font-weight:bold; } /*#voila-pageContent .bloc_villeFav .unJour DIV.ensoleillement { width:75px; text-align:center; float:left; } #voila-pageContent .bloc_villeFav .unJour DIV.ensoleillement .orange { color:#F60; } #voila-pageContent .bloc_villeFav .unJour DIV.ensoleillement .minTemp { font-size:14px; font-weight:bold; padding:0 5px 0 0; } #voila-pageContent .bloc_villeFav .unJour DIV.ensoleillement .maxTemp { font-size:18px; font-weight:bold; color:#F60; } #voila-pageContent .bloc_villeFav .unJour .picto { width:45px; background:yellow; display:block; float:left; margin:0 15px 0 15px; } #voila-pageContent .bloc_villeFav .unJour DIV.neige { width:40px; border-right:1px solid #CCC; font-weight:bold; margin-right:5px; padding:10px 0 10px 0; } #voila-pageContent .bloc_villeFav .unJour DIV.enneigement { width:140px; padding:5px 0 5px 0;} #voila-pageContent .bloc_villeFav .unJour DIV.enneigement SPAN { font-size:11px; font-weight:bold; color:#F60; } #voila-pageContent .bloc_villeFav .unJour DIV.laVille { width:165px; padding:5px 0 5px 10px; float:left; } #voila-pageContent .bloc_villeFav .unJour DIV.laVille A { font-weight:bold; float:none; color:#333; } #voila-pageContent .bloc_villeFav .unJour DIV.laVille SPAN { color:#666; margin:0 0 0 10px; } #voila-pageContent .bloc_villeFav .unJour DIV.laVille SPAN.type { color:#999; font-weight:bold; padding:0; } #voila-pageContent .bloc_villeFav H2.mameteo { clear:both; display:block; height:25px; font-size:18px; color:#333; margin:0 0 10px 20px; padding:0; } #voila-pageContent .bloc_villeFav .unJour { margin:0 20px 20px 20px; _margin:0 20px 0 20px; background:url('/Icons/bck_unJour.gif') repeat-x left 22px; } #voila-pageContent .bloc_villeFav .unJour .ensoleillement { width:120px; text-align:left; } #voila-pageContent .bloc_villeFav .action { zoom:1; background:#e3e3e3; padding:5px 0 5px 0; background:url('/Icons/bck_action.gif') repeat-x left top;} #voila-pageContent .bloc_villeFav .action A { color:#FFF; margin:0 0 0 10px; } #voila-pageContent .bloc_villeFav .action A.supprimer { background:url('/Icons/ico_supprimer.gif') no-repeat left 2px; padding:0 0 0 14px; } #voila-pageContent .bloc_villeFav .action A.deplacer { background:url('/Icons/ico_deplacer.gif') no-repeat left 2px; padding:0 0 0 14px; } #voila-pageContent .bloc_villeFav .noBord { border:0; } #voila-pageContent .bloc_villeFav A.fermer { background:url('/Icons/ico_fermer.gif') no-repeat left 2px; padding:0 0 0 14px; margin:10px 20px 0 0; float:right; } */ /* HP Littoral */ #voila-pageContent .mainContainer#littoral #carte .poitouCharentes {position:absolute; top:190px; left:135px; padding-top:2px} #voila-pageContent .mainContainer#littoral #carte .bretagne {position:absolute; top:115px; left:60px; padding-top:2px} #voila-pageContent .mainContainer#littoral #carte .languedocRoussillon {position:absolute; top:300px; left:130px; padding-top:2px } #voila-pageContent .mainContainer#littoral #carte .aquitaine {position:absolute; top:265px; left:115px; padding-top:2px} #voila-pageContent .mainContainer#littoral #carte .nordPasDeCalais {position:absolute; top:10px; left:210px;padding-top:2px} #voila-pageContent .mainContainer#littoral #carte .provenceAlpesCoteDAzur {position:absolute; top:240px; left:270px;padding-top:2px; height:30px; width:100px} #voila-pageContent .mainContainer#littoral #carte .corse {position:absolute; top:355px; left:280px; padding-top:2px} #voila-pageContent .mainContainer#littoral #carte .hauteNormandie {position:absolute; top:65px; left:170px; padding-top:2px} #voila-pageContent .mainContainer#littoral #carte .basseNormandie {position:absolute; top:95px; left:130px; padding-top:2px} #voila-pageContent .mainContainer#littoral #carte .paysDeLaLoire {position:absolute; top:145px; left:110px; padding-top:2px} /* fiche ville Montagne */ #voila-pageContent .mainContainer #ficheVille .ficheVille .montagne { zoom:1; width:373px;height:198px; background:url('/Icons/bck_ficheVille_montagne.jpg') no-repeat left top; padding:15px 0 0 0;} #voila-pageContent .mainContainer #ficheVille .ficheVille .montagne .col { width:150px; float:left; margin:0 10px 0 20px; _margin:0 14px 0 10px; position:relative; font-size:11px;} #voila-pageContent .mainContainer #ficheVille .ficheVille .montagne .col .c_fl_L, #voila-pageContent .mainContainer #ficheVille .ficheVille .montagne .col .c_fl_R { color:#000; display:block } #voila-pageContent .mainContainer #ficheVille .ficheVille .montagne .col .infos { color:#000; font-weight:bold; float:right; display:block; } #voila-pageContent .mainContainer #ficheVille .ficheVille .montagne .col .minElt { width:70px; font-weight:normal; color:#000} #voila-pageContent .mainContainer #ficheVille .ficheVille .montagne .col .c_sep_CCC { margin:5px 0 5px 0; } #voila-pageContent .mainContainer #ficheVille .ficheVille .montagne #infosStations { display:none; } #voila-pageContent .mainContainer#montagneRegion .montagne .tab_bar_ltl { width:310px; background:none; padding-left:5px; height:25px; margin:0 0 25px 12px; } #voila-pageContent .mainContainer#montagneRegion .montagne .tab_bar_ltl UL { list-style-type:none; } #voila-pageContent .mainContainer#montagneRegion .montagne .tab_bar_ltl LI { font-weight:normal; height:22px; width:70px; float:left; padding:5px 15px 0 10px; margin-right:5px display:block; font-weight:bold; text-align:center; } #voila-pageContent .mainContainer#montagneRegion .montagne .tab_bar_ltl LI.c_tab_on .btn, #voila-pageContent .mainContainer#montagneRegion .montagne .tab_bar_ltl LI.c_tab_on .btn:hover, #voila-pageContent .mainContainer#montagneRegion .montagne .tab_bar_ltl LI .btn:hover{ text-decoration:none; border-bottom:2px solid #FFD111; } #voila-pageContent .mainContainer#montagneRegion .montagne .tab_bar_ltl LI.c_tab_on .btn {border-color:#FF8414;} /*#voila-pageContent .mainContainer#montagneRegion .montagne .tab_bar_ltl LI .btn:visited{text-decoration:none; border-bottom:2px solid #FF8414;}*/ /*fiche-ville Plage*/ #voila-pageContent .mainContainer .hautCentre .plage { width:390px; color:#CCC; } #voila-pageContent .mainContainer .hautCentre .plage .col .infos { display:block; color:#CCC; font-weight:normal;} #voila-pageContent .mainContainer .hautCentre .plage .c_fl_R { text-align:right;} /*satellite */ #voila-pageContent .mainContainer#satellite .hautCentre .partD IMG { margin-top:13px; } /*bloc liste Regions */ #voila-pageContent #bloclisteregions { width:654px; margin-top:10px; padding-top:25px; border:1px solid #D4D4D4; background:#FFF url(/Icons/meteoparregion.gif) no-repeat} #voila-pageContent #bloclisteregions .colonne { float:left; width:218px; height:auto} #voila-pageContent #bloclisteregions A { width:213px;display:block; padding-left:5px; zoom:1 } /*coldroite villes les plus consultees*/ #voila-pageContent .mainContainer_right .villesConsultees { background-image:url("/Icons/plus-consultes.gif")} /************************* END of SECTION CENTRALE ****************************/ /*********** COLONNE DE DROITE MAINCONTAINER-RIGHT ***********/ #voila-pageContent .mainContainer_right {float:right;width:305px;min-height:650px;margin:8px 0 10px 0;font-size:12px;margin-top:0;position:relative;padding-right:10px} #voila-pageContent .mainContainer_right DIV.blocV6 .blocHref, #voila-pageContent .mainContainer_right DIV.blocV6 .blocHref DIV { width:100%; height:90px;} /**** SEARCH ******/ #voila-pageContent .mainContainer_right .search {background:url('/Icons/rechercherRegion.gif') no-repeat top; padding-top:23px; margin-top:0;width:305px; margin-bottom:10px; _margin-bottom:10px} #voila-pageContent .mainContainer_right .search .V6searchContainer {background-color:#39ace9; margin-bottom:0; padding:0; float:left; width:100%;} #voila-pageContent .mainContainer_right .search .V6searchContainer .V6cartouche {width:290px; background:transparent url('/Icons/V6_cartouche_bkg.gif') no-repeat; margin-left:10px;margin-top:7px;margin-bottom:7px;} #voila-pageContent .mainContainer_right .search .V6searchContainer .V6cartouche .V6cartoucheRight{display:none; }/*background:transparent url(Icons/input_global.gif?V6.0.0) no-repeat scroll -17px -77px;position:absolute;margin-left:280px*/ #voila-pageContent .mainContainer_right .search .V6searchContainer .V6cartouche .V6cartoucheCentre {margin-left:4px; margin-top:2px; border:none; width:130px;padding-left:2px;} #voila-pageContent .mainContainer_right .search .V6searchContainer .V6cartouche .V6cartoucheCentre .formInput {color:#000; border:none; width:195px; margin-top:0; margin-left:0; padding:4px 0 0 0; background-color:transparent;} /*special V6 */ BODY.voila6 #voila-pageContent .mainContainer_right .search {padding-top:23px; margin-top:0;width:305px;height:40px; background-color:#39ace9; padding-bottom:0; margin-bottom:10px;_margin-bottom:0;} /*special pour Ie6 - forcage */ .dj_ie6 #voila-pageContent .mainContainer_right .search .V6searchContainer .V6cartouche .V6cartoucheCentre .formInput {width:130px; margin-top:2px} #voila-pageContent .mainContainer_right .search .V6searchContainer .V6cartoucheBouton {float:right;margin-top:1px;margin-right:3px;padding-right:7px} .dj_ie6 #voila-pageContent .mainContainer_right .search .V6searchContainer .V6cartoucheBouton {float:right; margin-top:1px;margin-right:1px} /*******pub flash *******/ #voila-pageContent .mainContainer_right .pub {width:300px;height:auto;margin-top:10px; padding-left:0; padding-bottom:0;border:2px solid #FFF} #voila-pageContent .mainContainer_right #FLASh_AD {background-color:#FFF;border:2px solid #FFF;background-color:transparent;padding:1px} #voila-pageContent .mainContainer_right #td_flash {background-color:#FFF;border:0 solid #FFF;background-color:transparent;padding:1px} /*****METEO ( ET SINON pour pure people) *****/ #voila-pageContent .mainContainer_right .vigilanceMeteo {height:100px; padding:23px 0 0 1px; background-color:#FFF; border:1px solid #d4d4d4; margin-top:10px; font-size:12px; background:url('/Icons/vigilanceMeteo.gif') no-repeat top center;} #voila-pageContent .mainContainer_right .vigilanceContent iframe { height:95px;} #voila-pageContent .mainContainer_right .vigilanceContent .vigi IMG { width:95px; height:99px; float:left; margin:0 10px 0 6px; } #voila-pageContent .mainContainer_right .vigilanceContent .vigi .text { width:187px; float:left; } #voila-pageContent .mainContainer_right .vigilanceContent .vigi .text H3 { font:bold 14px Arial,sans-serif; color:#F60; margin:0 0 10px 0; } #voila-pageContent .mainContainer_right .vigilanceContent .vigi .text p { margin-bottom:10px; } #voila-pageContent .mainContainer_right .vigilanceContent .vigi .text .c_sep { margin:5px 0 5px 0; height:1px; background:url('/Icons/bck_pointilles.gif') no-repeat; } #voila-pageContent .mainContainer_right .vigilanceContent .vigi .text .c_lk_arrow_B { margin-right:15px; } /*#voila-pageContent .mainContainer_right .vigilanceContent {height:95px} #voila-pageContent .mainContainer_right .vigilanceContent img {width:75px; height:55px;float:left; text-align:left;margin-right:10px;margin-top:0} #voila-pageContent .mainContainer_right .vigilanceContent a {color:#039;font-weight:bold;text-align:left;float:left} #voila-pageContent .mainContainer_right .vigilanceMeteo .titre {font-weight:bold; color:#000; margin-left:10px;margin:0;height:auto} #voila-pageContent .mainContainer_right .vigilanceMeteo .puce {float:right; margin-top:10px; margin-right:10px} #voila-pageContent .mainContainer_right .vigilanceMeteo .lienMeteo {color:#039;margin-top:15px; float:right; margin-right:10px;padding-right:10px} #voila-pageContent .mainContainer_right .vigilanceMeteo h3 {padding-left:10px;font-size:12px;font-weight:bold;color:#333333;}*/ /**** SELECTION DES INTERNAUTES *****/ #voila-pageContent .mainContainer_right .depechesActualites {margin-top:10px;padding:30px 10px;font-size:12px;background:url('/Icons/depechesActualites.gif') no-repeat top center;border:1px solid #d4d4d4;background-color:#FFF;text-align:left} #voila-pageContent .mainContainer_right .depechesActualites h3 {font-weight:bold;font-size:12px;color:#333333;padding-top:10px} #voila-pageContent .mainContainer_right .depechesActualites .liensActualites{margin-top:0;} #voila-pageContent .mainContainer_right .depechesActualites .liensActualites a, #voila-pageContent .mainContainer_right .depechesActualites .liensActualites a:visited, #voila-pageContent .mainContainer_right .depechesActualites .liensActualites a:hover {padding-left:3px;} #voila-pageContent .mainContainer_right .depechesActualites .liensActualites .heure {color:#999999} /**** LIENS COMMERCIAUX GOOGLE *****/ /*ggl = titre */ #voila-pageContent .mainContainer_right .liensCommerciaux #titreSponsorLinks {width:100%; height:22px} /*ggl = liens */ #voila-pageContent .mainContainer_right .liensCommerciaux #liens-comm {border:hidden;} #voila-pageContent .mainContainer_right .liensCommerciaux #ggl {width:100%;border:hidden} #voila-pageContent DIV.liensCommerciaux {margin-top:20px;color:#039} #voila-pageContent DIV.liens-comm {margin-top:0; padding-top:0;width:304px;background-color:#FFF;border:1px solid #d4d4d4;} #voila-pageContent DIV#titreSponsorLinks {background:url(/Icons/liensCommerciaux.gif) no-repeat;} #voila-pageContent DIV#titreSponsorLinks B {font:bold 12px arial;display:block;padding:3px 0 0 10px;color:#FFF;display:none} #voila-pageContent DIV.liens-comm #ggle {background:transparent;padding-top:10px;padding-bottom:15px; margin-left:5px;padding-left:5px} #voila-pageContent DIV.liens-comm #ggle B {font:bold 12px arial;color:#039; } #voila-pageContent DIV.liens-comm #ggle SPAN {font:normal 12px arial;color:#039; display:block; overflow:hidden;} #voila-pageContent DIV.liens-comm #ggle SPAN A {font:normal 12px arial; color:#039; text-decoration:none;} #voila-pageContent DIV.liens-comm #ggle SPAN A:hover{font:normal 12px arial; color:#039; text-decoration:underline;} #voila-pageContent DIV.liens-comm #ggle .sepa {height:10px; padding:0; margin:0; border:none;} #voila-pageContent div.articleStyle DIV.liens-comm {width:auto;} #voila-pageContent div.articleStyle DIV#titreSponsorLinks {height:22px;background:url(/Icons/liensCommerciauxMain.gif) repeat-x;} #voila-pageContent div.articleStyle DIV#titreSponsorLinks B {font:bold 12px arial;display:block;padding:3px 0 0 10px;color:#FFF;display:none} /***** DOSSIERS *****/ #voila-pageContent .mainContainer_right .dossiers {margin-top:10px;padding:20px 10px 10px;font-size:12px;background:transparent url(/Icons/dossiers.gif) no-repeat; border:1px solid #d4d4d4;background-color:#FFF} #voila-pageContent .mainContainer_right .dossiers .content {margin-top:10px; width:100%;} #voila-pageContent .mainContainer_right .dossiers .content img.floatLeft {width:150px; height:150px; margin-right:10px;} #voila-pageContent .mainContainer_right .dossiers .content div.floatLeft {width:120px; height:150px;overflow:hidden;} #voila-pageContent .mainContainer_right .dossiers h3 {font-weight:bold; font-size:12px; margin:0;} #voila-pageContent .mainContainer_right .dossiers span {clear:both;} #voila-pageContent .mainContainer_right .dossiers .texte {margin-top:10px;} #voila-pageContent .mainContainer_right .dossiers .nbPhotos {margin-top:10px} #voila-pageContent .mainContainer_right .dossiers .puce {float:right;} /******* MOTS CLEFS ********/ #voila-pageContent .mainContainer_right .villesConsultees {margin-top:0;padding-top:5px;font-size:12px;background:url(/Icons/villesConsultees.gif) no-repeat top center;border:1px solid #d4d4d4;background-color:#FFF} #voila-pageContent .mainContainer_right .villesConsultees .tags ul {font-size:12px;margin-bottom:10px} #voila-pageContent .mainContainer_right .villesConsultees .tags ul li {display:inline;} #voila-pageContent .mainContainer_right .villesConsultees div.tags{text-align:justify;padding-top:25px;margin-left:10px;margin-right:10px} /*PUB*/ #voila-pageContent .mainContainer_right .villesConsultees .IMG{width:282px; height:240px; margin:1px 1px 1px 1px; float:left;} /***** VOILA C EST AUSSI *******/ #voila-pageContent .mainContainer_right .voilaCestAussi .infos { padding-top:10px; } #voila-pageContent .mainContainer_right .voilaCestAussi .infos div a:hover, #voila-pageContent .mainContainer_right .voilaCestAussi .infos div a:hover h2 { text-decoration:none; } #voila-pageContent .mainContainer_right .voilaCestAussi {height:auto;position:relative;width:305px;margin-top:10px;padding:25px 0 10px 0; font-size:12px; background:url(/Icons/voilaCestAussi.gif) no-repeat top center; border:1px solid #d4d4d4; padding-top:15px;background-color:#FFF} #voila-pageContent .mainContainer_right .voilaCestAussi .infos .blocV6{ margin-top:20px; } #voila-pageContent .mainContainer_right .voilaCestAussi .infos div h2 { font-weight:bold; color:#000; font-size:12px; text-decoration:none; margin:3px 0 3px 10px;} /*#voila-pageContent .mainContainer_right .voilaCestAussi .infos div .newspeop h2, #voila-pageContent .mainContainer_right .voilaCestAussi .infos div .newspeop a:hover h2 { font-weight:bold; color:#000; font-size:12px; text-decoration:none; margin:3px 0 3px 5px;}*/ #voila-pageContent .mainContainer_right .voilaCestAussi .infos div { color:#000 } #voila-pageContent .mainContainer_right .voilaCestAussi .infos div .photo {float:left; margin:0 5px 0 10px; padding-top:0; width:75px; height:75px; } #voila-pageContent .mainContainer_right .voilaCestAussi .infos div B {color:#000; display:block} #voila-pageContent .mainContainer_right .voilaCestAussi .infos div a.puce {color:#039; } #voila-pageContent .mainContainer_right .voilaCestAussi .voyages {padding-left:5px;padding-right:5px;margin-top:2px;overflow:hidden;height:auto;padding-top:10px;width:290px} #voila-pageContent .voilaCestAussi .voyages img {width:280px;height:110px; margin-left:6px;margin-top:5px} #voila-pageContent .voilaCestAussi hr{width:265px;text-align:center;color:#d4d4d4} #voila-pageContent .voilaCestAussi .recherches{padding-left:5px;padding-right:5px;margin-top:2px;overflow:hidden;height:130px;padding-top:0;width:290px} #voila-pageContent .voilaCestAussi .recherches img {width:280px;height:110px; margin-left:5px;margin-top:5px} #voila-pageContent .voilaCestAussi .recherches span{font-weight:bold} #voila-pageContent .voilaCestAussi .recherches .radio{margin-top:5px} #voila-pageContent .voilaCestAussi .recherches .radio .types .part, #voila-pageContent .voilaCestAussi .recherches .radio .types .tel {margin-left:15px} #voila-pageContent .voilaCestAussi .recherches .puce{margin-top:10px} #voila-pageContent .voilaCestAussi .traffic img {width:280px;height:250px; margin-left:12px;margin-top:5px;margin-bottom:10px} #voila-pageContent .voilaCestAussi .puce {float:right;margin-top:5px; margin-right:5px} #voila-pageContent .voilaCestAussi .traffic .puce {float:right;margin-top:10px; margin-right:10px} #voila-pageContent .voilaCestAussi .traffic .puce {margin-top:0} #voila-pageContent .voilaCestAussi .diveguid, #voila-pageContent .voilaCestAussi .newspeop, #voila-pageContent .voilaCestAussi .pratempl {padding-left:5px;padding-right:5px;margin-top:0;overflow:hidden;height:75px;padding-top:0;width:290px} #voila-pageContent .voilaCestAussi .infos .blocHref a:hover { display:block; background-color:#CCC; width:300px; margin:0; padding:0 } /* search activite*./ /**** SEARCH champs Activite******/ #voila-pageContent .mainContainer_right .champsActivite {float:left;height:19px;margin-top:3px; padding-top:0;padding-left:5px;border:none} #voila-pageContent .mainContainer_right .champsActivite .activiteCartouche {height:22px;width:135px;background:transparent url(/Icons/nomChamps.gif) no-repeat; margin-left:0;margin-top:-2px;margin-bottom:7px;} #voila-pageContent .mainContainer_right .champsActivite .activiteCartouche .activiteCartoucheRight{display:none}/*background:transparent url(Icons/input_global.gif?V6.0.0) no-repeat scroll -17px -77px;position:absolute;margin-left:280px*/ #voila-pageContent .mainContainer_right .champsActivite .activiteCartouche .activiteCartoucheCentre {margin-left:4px; margin-top:0; border:none; width:130px;padding-left:2px;} #voila-pageContent .mainContainer_right .champsActivite .activiteCartouche .activiteCartoucheCentre .formInput {color:#000; border:none; margin-top:0; margin-left:0; padding:3px 0 0 0; background-color:transparent;height:19px} /**** SEARCH champs Nom ******/ #voila-pageContent .mainContainer_right .champsNom { float:left; height:19px; padding-left:10px; margin-top:3px; padding-top:0; width:140px; border:none; } #voila-pageContent .mainContainer_right .champsNom .nomCartouche {height:22px;width:135px;background:transparent url(/Icons/nomChamps.gif) no-repeat; margin-left:0;margin-top:-2px;margin-bottom:7px} #voila-pageContent .mainContainer_right .champsNom .nomCartouche .nomCartoucheRight{display:none}/*background:transparent url(Icons/input_global.gif?V6.0.0) no-repeat scroll -17px -77px;position:absolute;margin-left:280px*/ #voila-pageContent .mainContainer_right .champsNom .nomCartouche .nomCartoucheCentre {margin-left:4px; margin-top:0; border:none; width:130px;padding-left:2px;} #voila-pageContent .mainContainer_right .champsNom .nomcartouche .nomCartoucheCentre .formInput {color:#000; border:none; margin-top:0; margin-left:4px; padding:3px 0 0 0; background-color:transparent;height:19px} /**** SEARCH champs Localite ******/ #voila-pageContent .mainContainer_right .champsLocalite{margin-top:5px;height:19px;float:left} #voila-pageContent .mainContainer_right .champsLocalite .localiteCartouche {width:280px;background:transparent url(/Icons/localiteChamps.gif) no-repeat; margin-left:5px;padding-top:1px;} #voila-pageContent .mainContainer_right .champsLocalite .localiteCartouche .localiteCartoucheRight{display:none}/*background:transparent url(Icons/input_global.gif?V6.0.0) no-repeat scroll -17px -77px;position:absolute;margin-left:280px*/ #voila-pageContent .mainContainer_right .champsLocalite .localiteCartouche .localiteCartoucheCentre {margin-left:2px; margin-top:1px; border:none; width:223px;padding-left:2px;} #voila-pageContent .mainContainer_right .champsLocalite .localiteCartoucheCentre .formInput {width:232px;color:#000; border:none;padding:2px 0 0 0; background-color:transparent;height:19px} #voila-pageContent .mainContainer_right .champsLocalite .V6searchHead {position:absolute;margin-top:-20px;float:right;cursor:pointer;background:url( http://c.voila.fr/V6/Icons/img_globale.gif?V6.0.0) no-repeat scroll -380px -57px;height:17px;width:28px;margin-left:250px} .dj_ie6 #voila-pageContent .mainContainer_right .champsLocalite .V6searchHead {margin-top:-19px;float:right;cursor:pointer;background:url( http://c.voila.fr/V6/Icons/img_globale.gif?V6.0.0) no-repeat scroll -380px -57px;height:16px;width:28px;padding-right:0} #voila-pageContent .mainContainer_right .localiteCartouche .V6searchHead:hover {background-position:-380px -74px;} #voila-pageContent .mainContainer_right .localiteCartouche .V6searchHead:active {background-position:-380px -91px;} #contentRegion a{font-size:12px;color:#039} #contentRegion a:hover{text-decoration:underline} /** * End of actu for region */ /********* FIN COLONNE MAINCONTAINER_RIGHT *****/ #voila-page.voila-people #voila-pageContent div.devInfo { display:none; } #voila-page.voila-people #voila-pageContent div { /* position:relative;*/ } #voila-page.voila-people #voila-pageContent p { margin:0; } #voila-page.voila-people #voila-pageContent .date { color:#999999; } #voila-page.voila-people #voila-pageContent div.searchChoice { margin:10px 0; } #voila-page.voila-people #voila-pageContent div.resultatsRecherche { margin-top:10px; } #voila-pageContent .search.lrRecherchePeople {padding-top:23px; margin-top:0;width:305px;margin-bottom:10px; margin-right:auto; margin-left:auto;} #voila-pageContent .search.lrRecherchePeople .V6searchContainer {margin-bottom:10px; float:left; width:100%;} #voila-pageContent .search.lrRecherchePeople .V6searchContainer .V6cartouche {width:287px;background:transparent url(/Icons/V6_cartouche_bkg.gif) no-repeat; margin-left:8px;margin-top:7px;margin-bottom:7px} #voila-pageContent .search.lrRecherchePeople .V6searchContainer .V6cartouche .V6cartoucheRight{display:none}/*background:transparent url(/Icons/input_global.gif?V6.0.0) no-repeat scroll -17px -77px;position:absolute;margin-left:280px*/ #voila-pageContent .search.lrRecherchePeople .V6searchContainer .V6cartouche .V6cartoucheCentre {margin-left:4px; margin-top:2px; border:none; width:130px;padding-left:4px;} #voila-pageContent .search.lrRecherchePeople .V6searchContainer .V6cartouche .V6cartoucheCentre .formInput {color:#000; border:none; width:195px; margin-top:2px; margin-left:1px; padding:2px 0; background-color:transparent;} .dj_ie6 #voila-pageContent .search.lrRecherchePeople .V6searchContainer .V6cartouche .V6cartoucheCentre .formInput {width:185px; margin-top:2px} #voila-pageContent .search.lrRecherchePeople .V6searchContainer .V6cartoucheBouton {float:right;margin-top:1px;margin-right:1px} .dj_ie6 #voila-pageContent .search.lrRecherchePeople .V6searchContainer .V6cartoucheBouton {float:right; margin-top:1px;margin-right:1px} /*special V6 */ BODY.voila6 #voila-pageContent .search {padding-top:23px; margin-top:0;width:305px;margin-bottom:10px; } /** * Cas 2 colonnes: * .AutoCompleteDivTitle{font-family:Arial, Helvetica, sans-serif; font-size:11px;background-color:#fff; color:#333; text-align:center; height:14px; display:block;} .AutoCompleteDivListeStyle{border:1px solid #aaa; word-wrap:break-word; background-color:#f8ecdf;margin:0;width:200px;z-index:999;} .AutoCompleteDiv{ padding:2px 0 2px 3px; border-collapse:collapse; line-height:14px; overflow:hidden; background-color:#f8ecdf; cursor:pointer;color:#333;font-family:Arial, Helvetica, sans-serif; font-size:11px;width:196px;} .AutoCompleteDivCol1{position:relative;width:110px;display:inline-table;float:left;} .AutoCompleteDivCol2{position:relative;width:70px;display:inline-table;color:#CCC;} .AutoCompleteDivAct{padding:2px 0 2px 3px; border-collapse:collapse; line-height:14px; background-color:#ff6600; cursor:pointer; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;} */ /** * Cas 1 colonne: */ #voila-pageContent .mainContainer_right .divCompletion { width:285px; margin:-9px 0 10px 10px;_margin:-9px 0 0 10px; background:#FFF; padding-bottom:5px;_padding_bottom:0 } #voila-pageContent .mainContainer_right .meteo_AutoCompleteDivTitle { width:285px; height:14px; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; background:#FFF; color:#333; text-align:center; } #voila-pageContent .mainContainer_right .meteo_AutoCompleteDivListeStyle { width:285px; z-index:999; word-wrap:break-word; background:#FFF; margin:0; } #voila-pageContent .mainContainer_right .meteo_AutoCompleteDiv { width:282px; padding:2px 0 2px 3px; border-collapse:collapse; line-height:14px; overflow:hidden; background:#FFF; cursor:pointer;color:#333;font-family:Arial, Helvetica, sans-serif; font-size:11px; } #voila-pageContent .mainContainer_right .meteo_AutoCompleteDivCol1 { zoom:1; position:relative; display:inline; } #voila-pageContent .mainContainer_right .meteo_AutoCompleteDivCol2 { zoom:1; margin:0 0 0 10px; display:inline; } #voila-pageContent .mainContainer_right .meteo_AutoCompleteDivAct { zoom:1; padding:2px 0 2px 3px; border-collapse:collapse; line-height:14px; background-color:#3399ff; cursor:pointer; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; } #voila-pageContent .mainContainer_right .meteo_AutoCompleteId { display:none; } /**infos bulle**/ #voila-pageContent .mainContainer_right .infos_bulle { width:304px; z-index:150; position:relative; margin:-15px 0 0 0; } #voila-pageContent .mainContainer_right .infos_bulle .attention { width:45px; height:42px; position:absolute; left:10px; top:30px; background:url('/Icons/ico_attention.gif') no-repeat left top; } #voila-pageContent .mainContainer_right .infos_bulle .top { width:304px; height:22px; background:url('/Icons/info_bulle_top.gif') no-repeat left top; } #voila-pageContent .mainContainer_right .infos_bulle .bottom { width:304px; height:5px; background:url('/Icons/info_bulle_bottom.gif') no-repeat left top; } #voila-pageContent .mainContainer_right .infos_bulle .mssg { zoom:1; padding:20px 0 20px 60px; margin:0; font-size:11px; color:#333; background:url('/Icons/bck_info_bulle.gif') repeat-y left top; } #voila-pageContent .mainContainer_right .infos_bulle .mssg SPAN { font-weight:bold; } #voila-pageContent .mainContainer_right .infos_bulle .mssg SPAN.avertissement { width:220px; display:block; font-weight:normal; } #voila-pageContent .mainContainer_right .infos_bulle .mssg A { line-height:20px; } #voila-pageContent .mainContainer_right .infos_bulle .mssg .close { width:59px; height:20px; display:block; z-index:150; zoom:1; background:url('/Icons/btn_fermer.gif') no-repeat left top; margin:10px 0 0 80px; } /** /infos bulle**/ /** bloc Comprendre et fiches infos**/ #voila-pageContent .fichesInfos { zoom:1; margin:0 0 0 0; } #voila-pageContent .blocComprendre { width:642px; _width:634px; margin:20px 0 0 0; border:1px solid #CCC; padding:0 0 10px 10px; background:#f3f3f3; } #voila-pageContent .blocComprendre H2 { display:block; height:37px; background:url('/Icons/titre_comprendre.gif') no-repeat left top; padding:0; margin:-2px 0 0 -11px; } #voila-pageContent .blocComprendre #randomMeteo, #voila-pageContent .blocComprendre #randomSante { width:310px; float:left; margin:0 10px 0 0; position:relative; padding:0; } #voila-pageContent .blocComprendre #randomMeteo H3, #voila-pageContent .blocComprendre #randomSante H3 { font-size:14px; margin:0; padding:0; font-weight:bold; display:block; } #voila-pageContent .blocComprendre #randomMeteo IMG, #voila-pageContent .blocComprendre #randomSante IMG { float:left; margin:0 10px 0 0; } #voila-pageContent .blocComprendre #randomMeteo p, #voila-pageContent .blocComprendre #randomSante p { width:190px; float:left; line-height:12px; font-size:11px; margin:0; padding:0; } #voila-pageContent .blocComprendre #randomMeteo A, #voila-pageContent .blocComprendre #randomSante A { color:#333; /*padding:170px 0 20px 20px;*/ } #voila-pageContent .blocComprendre #randomMeteo .orange, #voila-pageContent .blocComprendre #randomSante .orange { display:block; font-size:11px; color:#039; margin:0 0 5px 0; font-weight:bold; } #voila-pageContent .blocComprendre #randomMeteo .orange A, #voila-pageContent .blocComprendre #randomSante .orange A { color:#039; } #voila-pageContent .blocComprendre #randomMeteo .puce, #voila-pageContent .blocComprendre #randomSante .puce { background-position:left 6px; font-size:11px; color:#039; display:block; position:absolute; bottom:0; right:10px; } #voila-pageContent .hautCentre .bckOrages { background:url('/Icons/bck_orages.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckBrouillard { background:url('/Icons/bck_brouillard.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckGiboulees{ background:url('/Icons/bck_giboulees.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckPluies { background:url('/Icons/bck_pluies.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckCyclones { background:url('/Icons/bck_cyclones.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckNeige { background:url('/Icons/bck_neige.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckPollens { background:url('/Icons/bck_pollens.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckRechauffement { background:url('/Icons/bck_rechauffement.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckPollens { background:url('/Icons/bck_pollens.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckUltraviolets { background:url('/Icons/bck_ultraviolets.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckCanicules { background:url('/Icons/bck_canicule.jpg') no-repeat left top; } #voila-pageContent .hautCentre .bckGdfroid { background:url('/Icons/bck_gdfroid.jpg') no-repeat left top; } #voila-pageContent .hautCentre .fichesInfos .navFiche { zoom:1; height:150px; position:relative; margin:0 0 10px 0; } #voila-pageContent .hautCentre .fichesInfos .navFiche .alpha { width:170px; height:150px; position:absolute; top:0; left:0; background:#000; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50); z-index:1; } #voila-pageContent .hautCentre .fichesInfos .navFiche .link { width:150px; position:relative; z-index:2; padding:15px 0 0 15px; } #voila-pageContent .hautCentre .fichesInfos .navFiche .link A { color:#FFF; display:block; margin:0 0 3px 0; font-size:12px; } #voila-pageContent .hautCentre .fichesInfos .navFiche .link .c_lk_arrow_B { color:#FFF; font-size:12px; font-weight:bold; border-bottom:2px solid #ff8311; background:url('/Icons/arrowD.gif') no-repeat 0 4px; padding:0 0 0 10px;} #voila-pageContent .hautCentre .fichesInfos TABLE { margin:10px 0 10px 10px; } #voila-pageContent .hautCentre .fichesInfos TABLE TD { padding:3px; font-size:12px; } #voila-pageContent .hautCentre .fichesInfos .bord { border-bottom:1px solid #CCC; } #voila-pageContent .hautCentre .fichesInfos TABLE .center { text-align:center; } #voila-pageContent .hautCentre .fichesInfos dt { zoom:1; padding:5px 0 5px 20px; margin:0 0 1px 0; font-size:12px; font-weight:normal; cursor:pointer; background:url('/Icons/bck_ficheClose.gif') no-repeat; color:#333; } #voila-pageContent .hautCentre .fichesInfos .open { background:url('/Icons/bck_ficheOpen.gif') no-repeat; color:#FFF; font-size:14px; font-weight:bold; } #voila-pageContent .hautCentre .fichesInfos dd { zoom:1; _float:left; overflow:hidden; margin:0; padding:0; background:#FFF; } #voila-pageContent .hautCentre .fichesInfos dd p { margin:10px 10px 10px 0; padding:0; display:block; float:none; font-family:arial; font-size:12px; line-height:16px; } #voila-pageContent .hautCentre .fichesInfos UL { margin-left:10px; } #voila-pageContent .hautCentre .fichesInfos UL LI { background:url('http://c.orange.fr/Programmes/Icons/square.gif') no-repeat 0 6px; padding-left:8px; margin:0 0 5px 0; font-size:12px; } #voila-pageContent .hautCentre .fichesInfos dd.climatique { margin-bottom:10px; } #voila-pageContent .hautCentre .fichesInfos dd.climatique IMG { float:left; margin:10px 10px 0 0; } #voila-pageContent .hautCentre .fichesInfos dd.climatique p { width:370px; float:left; } #voila-pageContent .hautCentre .fichesInfos dd.climatique .orange { display:block; font-size:14px; color:#F60; margin:0 0 20px 0; } #voila-pageContent .hautCentre .fichesInfos dd.climatique .c_lk_arrow_A { font-size:14px; font-weight:bold; margin:10px 0 0 0; display:block; float:left; } #voila-pageContent .hautCentre .fichesInfos .copyright { float:right; color:#666; font-size:10px; margin:10px 0 0 0; } #voila-pageContent .hautCentre .fichesInfos #Animation { width:655px; background:#FFF; position:absolute; top:260px; } #voila-pageContent .hautCentre .fichesInfos #Animation OBJECT { clear:both; } #voila-pageContent .hautCentre .fichesInfos #Animation .c_lk_close { float:right; clear:both; display:block; margin:0 10px 10px 0; } /** page previsions pluie**/ .previsions_pluie { zoom:1; background:url('/Icons/bck_previsions.gif') repeat-x left top; padding:0 0 90px 0; } .previsions_pluie .header { height:71px; background:url('/Icons/header_previsions.gif') no-repeat left top; margin:0 0 15px 0; border-bottom:3px solid #EEE; } .previsions_pluie .contenu { margin:0 0 0 70px; padding:0 0 20px 10px; font-size:12px; } .previsions_pluie .contenu .logoMeteoFrance { float:right; margin:0 20px 0 0; } .previsions_pluie .contenu A.c_lk_prev {float:none; clear:both; display:block; margin-bottom:10px;} .previsions_pluie .contenu IMG.tetierePluie { background:url('/Icons/titre_prevision.gif') no-repeat left top; margin:0 0 10px 0; padding:0;} .previsions_pluie .contenu FORM { height:55px; margin:20px 0 0 50px;} .previsions_pluie .contenu FORM SPAN { display:block; margin:0 0 5px 0; font-size:16px; font-weight:bold; color:#333;} .previsions_pluie .contenu FORM .voilaIpt {background:url(/Icons/V6_cartouche_bkg2.gif) no-repeat; width:370px; height:26px;} .previsions_pluie .contenu FORM .champs { width:270px; height:18px; padding:3px 0 0 5px; zoom:1;} .previsions_pluie .contenu FORM .BtnOK { cursor:pointer; margin:3px 3px 3px 0; float:right;} .previsions_pluie #rainSliderContainer h2 {font-weight:bold;} #rainSlider .dijitSliderMoveable {z-index:99; position:absolute !important; display:block; vertical-align:middle;} #rainSlider DIV {padding:0} #rainSlider .dijitSliderMoveableH {right:0;} #rainSlider .dijit_a11y div.dijitSliderImageHandle, #rainSlider .dijitSliderImageHandle {margin:0; padding:0; position:absolute !important; width:0; height:0;} #rainSlider .dijitSliderImageHandleH {left:-8px; top:-5px; vertical-align:top;} #rainSlider .dijitSliderBarContainerH {position:relative; z-index:1;} #rainSlider .dijitSliderProgressBarH {position:absolute !important; width:0%; vertical-align:middle; overflow:visible;} #rainSlider .dijitSliderRemainingBar {overflow:hidden; background-color:transparent; z-index:1;} #rainSlider .dijitSliderRemainingBarH {width:100% !important;} #rainSlider .dijitSliderBumper {overflow:hidden; z-index:1;} #rainSlider .dijitSliderDecorationH {text-align:center;} #rainSlider .dijitSlider .dijitSliderButton {font-family:monospace; margin:0; padding:0;display:block;} #rainSlider .dijit_a11y .dijitSliderButtonInner {visibility:visible !important;} #rainSlider .dijitSliderButtonContainer {text-align:center; height:0;} #rainSlider .dijitSlider .dijitButtonNode {padding:0;display:block;} #rainSlider .sliderHour {color:#FFF; font-size:9px; height:23px; width:40px; display:table-cell; vertical-align:middle; text-align:center;} #rainSlider .dijitSliderBar {border:none; background:url(/Icons/previsionPluie_graduation.gif) no-repeat; cursor:pointer;} #rainSlider .dijitSliderBarH {border:0; height:5px;} #rainSlider .dijitSliderProgressBar {z-index:1; background-color:#FFECDF;} #rainSlider .dijitSliderBumperH {width:8px; height:4px; border:none; background:none;} #rainSlider .dijitSliderImageHandleH{background:url(/Icons/curseur_pluie.gif) no-repeat; border:none; width:40px; height:30px; left:-20px; top:-35px; vertical-align:top; outline:none;} .previsions_pluie .contenu .pluviometrie { width:470px; background:url(/Icons/bck_pluviometrie_search.png) repeat-y; margin:20px 0 0 20px; position:relative;} .previsions_pluie .contenu .pluviometrie .bckTop { width:468px; height:4px; background:url(/Icons/bck_pluviometrie_search_top.png) no-repeat; position:absolute; top:-4px;} .previsions_pluie .contenu .pluviometrie .bckBot { width:468px; height:10px; background:url(/Icons/bck_pluviometrie_search_bot.png) no-repeat; position:absolute; bottom:-10px;} #previsionPluieContainer {width:190px; margin:210px 0 0 30px;} #previsionPluie {/*background:url(/Icons/nouveau.gif) 10px 10px #FFF no-repeat;*/ background:#FFF; padding-top:13px;height:110px;} #previsionPluie #rainSliderContainer {padding:40px 0 0 0; background:#FFF; border:} #previsionPluie #rainSliderContainer #rainLabel {text-align:center; width:110px; padding-top:3px; height:20px;margin:5px 3px; display:block; margin:0 auto; font-style:normal; color:#F60;} #previsionPluie .rainInfoPan {padding:0;} #previsionPluie .rainInfoPan #rainLabelFrom, #previsionPluie .rainInfoPan #rainLabelTo {width:30px; font-size:10px; margin:0; padding:3px 0 0 0; font-size:11px; display:inline;} #previsionPluie .rainInfoPan #rainLabelFrom {float:left;} #previsionPluie .rainInfoPan #rainLabelTo {float:right;} #previsionPluie .rainInfoPan #rainLabelFrom {margin-left:6px;} #previsionPluie .rainInfoPan #rainLabelTo {margin-right:6px;} #previsionPluie #rainSlider SPAN.sliderHour {font-style:normal; color:#FFF; font-size:9px; height:10px; width:39px; display:block; text-align:center; margin-top:6px;} #previsionPluie DIV.title {margin-left:10px;} #previsionPluie DIV.title SPAN {color:#BBB; font-style:italic; font-size:10px;} #previsionPluie DIV.title H2 {font-size:12px;} /* slider recherche prevision pluie*/ .pluviometrie DIV.rainForecast {padding:0;} .pluviometrie .rainInfoPan {text-align:center; } .pluviometrie #rainLabel {font-style:normal; padding:3px 0 0 0; height:15px; display:block; color:#F60;} .pluviometrie .rainInfoPan #rainLabelFrom, .pluviometrie .rainInfoPan #rainLabelTo {width:30px; font-size:10px; margin:0; padding:3px 0 0 0;} .pluviometrie .rainInfoPan #rainLabelFrom {float:left;} .pluviometrie .rainInfoPan #rainLabelTo {float:right;} .previsions_pluie #rainSliderContainer {width:420px; margin:0 auto 0 auto; padding-bottom:10px; position:relative;} .previsions_pluie #rainSliderContainer H2 { font-size:16px; margin-bottom:0; padding:0; color:#F60; } .previsions_pluie #rainSliderContainer SPAN.info {margin:0 0 50px 10px; display:block; color:#AAA;} .previsions_pluie #rainSlider .dijitSliderImageHandleH {background:url(/Icons/curseur_pluie2.gif) no-repeat; border:none; width:60px; height:47px; left:-30px; top:-45px; vertical-align:top; cursor:pointer;} .previsions_pluie #rainSlider .dijitSliderBar {border:none; background:url(/Icons/previsionPluie_graduation2.gif) no-repeat;} .previsions_pluie #rainSlider .dijitSliderBarH {border:0; height:8px;} .previsions_pluie #rainSlider .dijitSliderBumperH {width:30px; height:4px; border:none; background:none;} .previsions_pluie #rainSlider .dijitSliderProgressBar {z-index:1; background-color:#CEE3F3;} .previsions_pluie #rainSlider .sliderHour {font:normal bold 12px arial; line-height:35px; width:60px; text-align:center; display:block;} .previsions_pluie .rainInfoPan #rainLabelFrom {margin-left:15px;font-size:11px;} .previsions_pluie .rainInfoPan #rainLabelTo {margin-right:15px; font-size:11px;} .previsions_pluie .pluviometrie {opacity:0; -moz-opacity:0; filter:alpha(opacity=0); display:none;} .previsions_pluie .pluviometrie #rainLabel {font:bold 11px arial;} .previsions_pluie .pluviometrie .colVilleContainer {text-align:center; display:table-cell; vertical-align:middle; width:470px; height:50px; padding:10px 0;} .previsions_pluie .pluviometrie .colVilleContainer A {display:block; width:80px; margin:0 auto; text-align:left;} .previsions_pluie .pluviometrie .colVilleContainer .colVille {width:80px; float:left; display:inline; margin:0 0 0 20px;} .previsions_pluie .pluviometrie .errMsg {font:bold 12px arial; text-align:center; display:table-cell; vertical-align:middle; width:440px; height:50px; padding:10px; color:#F60;} /* / slider recherche prevision pluie*/ .popEditorial { margin:0; padding:0; z-index:800; } .popEditorial .c_lk_open, .popEditorial .c_lk_close { float:right; color:#333; padding:0 0 0 12px; margin:-20px 0 0 8px; cursor:pointer; text-decoration:none; z-index:1000; } .popEditorial .c_lk_open:hover, .popEditorial .c_lk_close:hover { text-decoration:underline; z-index:1000; } .popEditorial .c_lk_open { background:transparent url('/Icons/btn_Edito_fermer.gif') no-repeat left 2px; } .popEditorial .c_lk_close { background:transparent url('/Icons/btn_Edito_ouvrir.gif') no-repeat left 5px; } .popEditorial .haut { background:transparent url('/Icons/blocEdito_fondHaut.gif') no-repeat 0 0; margin:0; padding:15px 20px 7px 25px; font-size:11px; font-weight:normal; z-index:10; } #voila-pageContent .popEditorial .haut A, .popEditorial .haut SPAN.chevron_FFF { color:#FFF; z-index:1000; } .popEditorial .flash .haut .text { color:#FFF; } .popEditorial .bas { height:14px; background:transparent url('/Icons/blocEdito_fondBas.gif') no-repeat 0 0;z-index:10; margin:0 0 10px 0; } /* Thickbox */ #TB_window {font:12px Arial, Helvetica, sans-serif; color:#333;} #TB_secondLine { font:10px Arial, Helvetica, sans-serif;color:#666666;} #TB_window a:link {color:#666666;} #TB_window a:visited {color:#666666;} #TB_window a:hover {color:#000;} #TB_window a:active {color:#666666;} #TB_window a:focus{color:#666666;} #TB_overlay {position:fixed; z-index:1000; top:0; left:0; height:100%; width:100%;} /*.TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat;}*/ .TB_overlayBG {background-color:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;} * html #TB_overlay { /* ie6 hack */ position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');} #TB_window { padding:0 7px 0 35px; _padding:0 0 20px 35px; position:fixed; background:#FFF; z-index:1002; color:#000; display:none; border:4px solid #525252; text-align:left; top:50%; left:50%;} * html #TB_window { /* ie6 hack */position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_window img#TB_Image { display:block; margin:35px 0 35px 0; _margin:0 0 20px 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666;} #TB_caption{ display:none; height:25px; padding:7px 30px 10px 25px; float:left;} #TB_closeWindow{ height:25px; padding:10px 55px 10px 0; float:right;} #TB_closeWindowButton { display:block; width:14px; height:14px; background:url(http://c.orange.fr/Programmes/Icons/close.gif) no-repeat scroll left 3px; padding-left:15px; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;} #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px;} #TB_title{ background-color:#e8e8e8; height:27px;} #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;} #TB_ajaxContent.TB_modal{ padding:15px;} #TB_ajaxContent p{ padding:5px 0 5px 0;} #TB_load{ position:fixed; display:none; height:13px; width:208px; z-index:1003; top:50%; left:50%; margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */} * html #TB_load { /* ie6 hack */position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_HideSelect{ z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%;} * html #TB_HideSelect { /* ie6 hack */position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');} #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;} /* AGENDA ESTIVAL */ /* #voila-pageContent .mainContainer#franceJour .hautCentre, #voila-pageContent .mainContainer#vent .hautCentre {height:670px; } */ #voila-pageContent .mainContainer .hautCentre .meteoF.home { float:right; margin:10px 40px 0 0; } #franceEstival FORM FIELDSET { border:0; } A.franceEstival { width:205px; height:112px; display:block; background:url("/Icons/Agenda-Estival/Agenda-Estival.png") no-repeat; margin:0 0 0 10px;position:relative;} A.franceEstival .fleche { position:absolute; bottom:12px; left:25px; background:url("/commonIcons/Agenda-Estival/fleche.png") no-repeat scroll 0 4px transparent; font-size:11px;padding-left:13px; color:#FFF; } #voila-pageContent .mainContainer A:hover.franceEstival { text-decoration:underline;list-style:none outside none; color:#FFF; } #franceEstival .hautCentre { width:650px; min-height:480px; height:auto !important; height:974px; background:url('/commonIcons/Agenda-Estival/fondForm.jpg') no-repeat; position:relative; padding-bottom:25px;} #franceEstival .hautCentre A.home { display:block; width:648px; height:180px; margin:0; z-index:1000; text-decoration:none; } #franceEstival .top { width:470px; height:40px; margin:15px 110px 0 0; padding:0; float:right; display:inline; position:relative; z-index:800; font-size:12px; color:#FFF; } #franceEstival FORM { float:left; font-size:12px; color:#0078d7; margin:20px 0 0 50px; } #franceEstival FORM FIELDSET { border:0; margin:0; padding:0; } #franceEstival FORM FIELDSET LABEL { float:left; border:0; margin:5px 5px 0 10px; padding:0 10px; font-weight:bold; letter-spacing:-1px;} #franceEstival FORM SELECT { border:1px solid #CCC; color:#0078d7; font-weight:bold; margin:0 10px 0 0; padding:3px 3px 3px 0; width:160px; height:28px; line-height:15px; font-size:12px; } #franceEstival FORM SELECT OPTION { margin:0 0 0 5px; padding:8px 0 0 0; width:158px; height:25px; font-weight:normal; color:#0078d7;} #franceEstival .listeStations {overflow:hidden;width:575px; margin:4px 0 0 35px; padding:0;background:url("/commonIcons/Agenda-Estival/bck_blanc.png") repeat-y; } #franceEstival .listeStations.carteL {overflow:hidden;width:575px; margin:0 0 0 35px; background:none; position:relative; } #franceEstival .ficheStation {overflow:hidden;width:554px; background:#FFF;margin:0 10px; } #franceEstival .ficheStation.carteLittoral {width:575px; background:none; background:url("/commonIcons/Agenda-Estival/carteLittoral.jpg") no-repeat 0 4px; margin:0 0 0 0; min-height:560px; height:auto !important; height:560px; z-index:0;} #voila-pageContent #franceEstival .listeStations .ficheStation SPAN.lettrine {font-size:12px; font-weight:bold; color:#0078d7; padding-left:3px;} #franceEstival .listeStations .partenaire {float:right; width:205px; height:35px; margin-right:35px;padding:0; z-index:0;text-align:right;background:url("/commonIcons/Agenda-Estival/plages.png") no-repeat right top;position:relative;} #franceEstival .listeStations.carteL .partenaire {background:none; margin-top:-60px;} #franceEstival .listeStations .partenaire SPAN {font-size:10px; color:#0078d7; position:absolute; bottom:5px; left:0; } #franceEstival .botBkg {margin:0 0 0 35px; width:575px; height:32px; background:url("/commonIcons/Agenda-Estival/bck_degradeBas.gif") no-repeat; z-index:10;} #franceEstival .listeStations A.nordNormandie, #franceEstival .listeStations A.bretagne, #franceEstival .listeStations A.charentesMaritimesVendeeGuerande, #franceEstival .listeStations A.landesBordeaux, #franceEstival .listeStations A.languedocRoussillon, #franceEstival .listeStations A.provenceCoteDAzur {position:absolute; text-align:center; line-height:18px; vertical-align:middle; border:1px solid #0078d7; background:#FFF; font-size:11px; } #franceEstival .listeStations A.nordNormandie {top:150px; left:250px; width:75px; height:38px; } #franceEstival .listeStations A.bretagne {line-height:25px; top:190px; left:150px; width:65px; height:25px; } #franceEstival .listeStations A.charentesMaritimesVendeeGuerande {top:255px; left:145px; width:120px; height:38px; } #franceEstival .listeStations A.landesBordeaux {top:340px; left:155px; width:60px; height:38px; } #franceEstival .listeStations A.languedocRoussillon {line-height:25px; top:390px; left:230px; width:120px; height:25px; } #franceEstival .listeStations A.provenceCoteDAzur {top:350px; left:400px; width:70px; height:38px; } #franceEstival .listeStations .navStations { width:465px; height:50px; margin:0 auto 0 auto; background-color:#E4F3FF; padding:10px 45px 0 45px; text-align:justify;position:relative;} #franceEstival .listeStations .navStations A {margin:0 5px; font-size:12px; color:#0078d7; white-space:nowrap;} #franceEstival .listeStations .navStations A.on {font-weight:bold; color:#0078d7;} #franceEstival .listeStations .navStations A:hover {border:none; background:none; padding:0;} #voila-pageContent #franceEstival .listeStations .ficheStation .col { width:115px; float:left; display:inline; margin:10px 0 0 20px; padding-bottom:10px;} #voila-pageContent #franceEstival .listeStations .ficheStation A.stations { display:block; font-size:11px;color:#333; letter-spacing:-0.3px;padding:1px 1px 1px 3px; } #voila-pageContent #franceEstival .listeStations .ficheStation A.first { display:block; padding:2px; margin-top:15px; } #voila-pageContent #franceEstival .listeStations .ficheStation A.first:first-letter { font-weight:bold; } #voila-pageContent #franceEstival .listeStations .ficheStation A:HOVER { background:none; border:0; color:#0078d7; line-height:14px; text-decoration:underline;margin-bottom:2px;} #franceEstival .consult {overflow:hidden; width:554px; height:32px; z-index:0;margin:-30px auto 0 auto; padding:38px 0 10px 0;text-align:center; } #franceEstival .listConsult {background:#FFF; width:454px; line-height:20px; z-index:0;margin:0 0 0 45px; padding:10px 50px 10px 50px;text-align:center;word-spacing:5px;} #franceEstival .event .listConsult {width:494px; margin:0 0 0 25px; } #franceEstival .consult A, #franceEstival .listConsult A {font-size:12px; color:#0078d7;} #franceEstival .consult A { letter-spacing:0.8px; } #franceEstival .chapo { width:598px; height:72px; margin:0 auto 0 auto; position:relative; z-index:800; background:#FFF; } #franceEstival .chapo .choix {float:left; margin:0 0 0 20px; padding:0; width:165px;} #franceEstival .list {float:right; display:block; width:220px; margin:29px 5px 0 5px; padding:0 auto; text-align:center; } #franceEstival .chapo .pafNavList {list-style:none; margin:0 auto; padding:0; overflow:hidden} #franceEstival .chapo .pafNavItem {font-size:11px; color:#333; cursor:pointer; display:inline; margin:0 0; padding:0 4px; border-right:1px solid #E6E6E6; } #franceEstival .chapo .pafNavSelect {color:#F50;font-weight:bold; } #franceEstival .chapo .pafNavTotal {display:inline; margin:0;color:#333; font-size:11px; } #franceEstival .chapo .pafNavHide {display:none;} #franceEstival .chapo .pafNavDisplay {display:inline;} /* les fleches de selection */ #franceEstival .chapo .pafNavArrow {cursor:pointer; display:inline; margin:0 5px; background:url('http://c.orange.fr/ecv2/icons/ec-sprite-arrows.gif') no-repeat 0 0} #franceEstival .chapo .pafNavArrow SPAN {visibility:hidden} #franceEstival .chapo .pafNavArrow.first {background-position:0 -446px;} #franceEstival .chapo .pafNavArrow.previous {background-position:0 -546px;} #franceEstival .chapo .pafNavArrow.next {background-position:0 -146px;} #franceEstival .chapo .pafNavArrow.last {background-position:0 -396px;} /* #franceEstival .chapo .pafNavArrow.first, #franceEstival .chapo .pafNavArrow.previous, #franceEstival .chapo .pafNavArrow.next, #franceEstival .chapo .pafNavArrow.last { display:none; } */ #franceEstival .chapo .pafNavArrow.previous, #franceEstival .chapo .pafNavArrow.next { display:none; } #franceEstival .chapo FORM {float:right; margin:22px 10px 0 0; padding:0;} #franceEstival .chapo H2 { display:block; margin:10px 0 0 0; font-size:14px; color:#F60;font-weight:lighter; } #franceEstival .chapo H3 { display:block; margin-top:0; font-size:18px; color:#F60; font-weight:bold; } #franceEstival .blocEvent {width:598px; margin:0 0 0 26px; position:relative; } #franceEstival .blocEvent .blocInfos { width:578px; height:34px; margin:0 auto 0 auto; padding:20px 20px 0 0; position:relative; z-index:800; background:#E4F3FF; } #franceEstival .blocEvent .blocInfos .text {float:left; margin:0 30px 0 20px; padding:0;font-size:12px; color:#000; font-weight:bold;} #franceEstival .blocEvent .blocInfos .tempMin {float:left; font-size:15px; color:#666; font-weight:bold;} #franceEstival .blocEvent .blocInfos .tempMax {float:left; margin:0 80px 0 10px; line-height:15px; font-size:18px; color:#F60; font-weight:bold;} #franceEstival .blocEvent .blocInfos .picto { position:absolute; top:13px; left:200px; } #franceEstival .blocEvent .blocInfos .minElt {margin-right:10px; float:left; font-size:11px; line-height:11px; font-weight:lighter;} #franceEstival .blocEvent .blocInfos .minElt SPAN {margin-left:5px; font-size:12px; font-weight:bold;} #franceEstival .blocEvent .blocInfos .c_lk_arrow_A {float:right; background:url('/commonIcons/Agenda-Estival/arrow_A.gif') no-repeat 0 1px;padding-left:18px;font-weight:bold;font-size:11px} #franceEstival .blocEvent .fiche { width:558px; margin:0 auto 0 auto; padding:20px 30px 20px 20px; z-index:10; background:url("/commonIcons/Agenda-Estival/opacity.png") repeat-y; position:relative; } #franceEstival .blocEvent .fiche IMG { float:left; margin:0 15px 5px 0; width:193px; height:129px; } #franceEstival .blocEvent .fiche H2 { display:block; margin:0; font-size:18px; color:#0078d7; } #franceEstival .blocEvent .fiche H3 { display:block; margin:0; font-weight:normal; font-size:12px; line-height:15px; color:#0078d7; text-align:justify; } #franceEstival .blocEvent .bas { overflow:hidden; margin:0 0 20px 0; padding:20px 0 15px 20px; background:#0078d7; } #franceEstival .blocEvent .bas P { float:left; width:375px; margin:0; font-size:11px; color:#FFF; } #franceEstival .blocEvent .bas A { background:url("/commonIcons/Agenda-Estival/btn.png") no-repeat; cursor:pointer; display:block; height:36px; width:167px; color:#0078d7; float:right; font-size:16px; padding:6px 0 0 17px;}