/* ------------------------------------------------------------------------------ DEBUG ------------------------------------------------------------------------------*/ /*div { border:1px solid gray; }*/ /* ------------------------------------------------------------------------------ REMISE A ZERO DES CSS INITIAUX DES NAVIGATEURS ------------------------------------------------------------------------------*/ html, body { color:#333; font-size: 13px; margin: 0; padding: 0; line-height: 1; } * { margin: 0; padding: 0; font-size: 1em; font-weight: normal; line-height: 1em; outline: 0; vertical-align: baseline; } strong { font-weight: bold; } em { font-style: italic; } img { border: none; } ul, ol, li { list-style: none; } :focus { outline: none; } table, td, form, fieldset, input { border: none; border-collapse: collapse; border-spacing: 0; } hr, legend { display: none; } sup { position: relative; top: -0.2em; font-size: 0.8em; } sub { position: relative; bottom: -0.4em; font-size: 0.8em; } .clear { clear: both; height: 0; margin: 0; padding: 0; line-height: 0; font-size: 1px; } .hide { display: none; } .right { float: right; } img.right { margin-left: 1em; } .left { float: left; } img.left { margin-right: 1em; } .current { cursor: default; } .no-pad { padding: 0 !important; } /* ------------------------------------------------------------------------------ TYPOGRAPHIES COMMUNES A TOUTES LES PAGES ------------------------------------------------------------------------------*/ a { color:#06C; text-decoration:none; } a:hover { color:#601B2E; text-decoration:none; } h1 { font-family:Georgia,"Times New Roman",Times,serif; font-size:1.5em; padding:0; margin:0; } h2 { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.25em; padding:0; margin:0; } h3 { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.25em; padding:0; margin:0; } h4 { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.05em; padding:0; margin:0; } p { color:#333; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1em; } p.secondary { font-size:0.85em;color:#888;} span.discount {width:30px;background:#CC0652;padding:1px 2px;margin:0 5px 0 0;color:#FFF;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:0.75em;} br.clear { clear:both; } div#mainHeader form.searchBar span { color:#888; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1em; padding: 0px 20px 0 5px;} div#mainHeader form.searchBar input#searchBar { font-family:Georgia,"Times New Roman",Times,serif; font-size:1.25em; } /* affichage de l'étiquette d'un vin au format standard (exemple : données administratives ou cartouche de résultats) */ div.label a { color:#888; font-size:0.85em; } div.label img {border:1px solid #AAA; background:#FFF; padding:3px;} div.label a:hover { color:#601B2E; } div.label a img { background:#FFF; border:solid 1px #DDD; padding:3px; } div.label a img.noBorder { border:none; } div.label a:hover img.noBorder { border:none; } div.label a:hover img { background:#FFF; border:solid 1px #601B2E; padding:3px; } /* comportement des titres dans la colonne de gauche */ div.leftCol h1 { color:#601B2E; padding:0 0 10px 0; width:480px; } div.leftCol h2 { clear:both; color:#333; padding:0 0 10px 10px; } div.leftCol h3 { clear:both; color:#333; display:block; padding:15px 0 10px 10px; } /* texte d'aide au user dans la colonne de gauche */ div.element span.userManual { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; color:#888;font-size:0.85em;line-height:1.2em; } /* comportement des titres dans la colonne de droite */ div.rightCol h2 { clear:both; color:#333; padding:4px 0 0 0; } div.rightCol h3 { color:#333; padding:20px 0 0 0; clear:both; } /* comportement des liens dans la colonne de droite */ a { color:#06C; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; text-decoration:none; } /* liste de définitions dans une colonne de gauche */ dl.understanding { float:left; font-size:0.9em; padding:10px 0; } dl.understanding dt { float:left; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-style:italic; letter-spacing:-0.03em; line-height:1.4em; padding:5px 15px 5px 0; text-align:right; width:150px; } dl.understanding dd { border-left:1px solid #DDD; float:left; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; line-height:1.4em; padding:5px 0 5px 10px; width:395px; } dl.understanding dd a { padding:5px 0 2px 0; font-style:italic; } /* div pour afficher "plus" (exemple "plus de notes de dégustations") dans la colonne de gauche */ div.more a { color:#555; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:0.85em; font-style:italic; text-decoration:underline; } div.more a:hover { color:#601B2E; text-decoration:underline; } /* ------------------------------------------------------------------------------ ELEMENTS DE LAYOUT COMMUNS A TOUTES LES PAGES ------------------------------------------------------------------------------*/ body { background: #FFF url('../IMGS/CONSTRUCTION/bg.png') repeat-x 0 86px; } /* menu du haut pour se connecter/s'inscrire */ div.topMenu {float:right;padding:60px 25px 0 0;} /* pour augmenter les marges au lieu de créer de nouveaux styles */ div.hr20 {width:100%;height:20px;clear:both;} div.hr30 {width:100%;height:30px;clear:both;} div.hr40 {width:100%;height:40px;clear:both;} /* éléments nécessaires pour un centrage horizontal de la page */ div#wrapper { margin:0 auto; overflow:hidden; padding:0; width:960px; } div#container { float:left; width:966px; margin:auto; } /* aspect du logo en haut de page */ div#logo { padding:9px 0 0 35px;} /* aspect du header du cadre central (celui qui contient le formulaire de recherche notamment)*/ div#mainHeader { background: url('../IMGS/CONSTRUCTION/bgHeaderTop.png') no-repeat top left; height:72px; width:100%; padding:30px 0 0 37px;} /* aspect de la partie haute du cadre central */ div#mainUpper { background: url('../IMGS/CONSTRUCTION/bgMainTop.png') no-repeat top left; width:100%; float:left; } div#mainUpper div.leftCol { padding:32px 20px 0px 37px; width:586px; float:left; } div#mainUpper div.rightCol { padding:32px 10px 0px 10px; width:272px; float:left; } /* aspect de la partie basse du cadre central */ div#mainLower { background: url('../IMGS/CONSTRUCTION/bgMainMiddle.png') repeat-y top left; float:left; width:100%;} div#mainLower div.leftCol { padding:0px 20px 32px 37px; width:586px; float:left; } div#mainLower div.rightCol { padding:0px 10px 32px 10px; width:272px; float:left; } /* div didYouKnow => Le saviez vous? */ div#mainFooter div.didYouKnow {background: #FFF /*url('../IMGS/CONSTRUCTION/bgDidYouKnow.jpg')*/ no-repeat bottom right;padding:15px 20px 0 0;} div#mainFooter div.openQuote {} div#mainFooter div.didYouKnow h4 {font-family:Georgia,"Times New Roman",Times,serif;font-size:1.65em;padding:0 0 5px 0;} div#mainFooter div.didYouKnow p {font-family:Georgia,"Times New Roman",Times,serif;font-size:1.4em;word-spacing:0.05em;line-height:1.25em;padding:0 3px 10px 0;} div#mainFooter div.didYouKnow a {font-family:Georgia,"Times New Roman",Times,serif;word-spacing:0.05em;line-height:1.25em;} /* aspect du footer du cadre central */ div#mainFooter { background: url('../IMGS/CONSTRUCTION/bgMainBottom.png') no-repeat top left; float:left; width:100%;padding:90px 0px 20px 0px;color:#444;} div#mainFooter p {color:#444;line-height:1.4em;font-size:0.85em;padding:0 0 5px 0;} div#mainFooter h4 {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1.1em;padding:15px 0 10px 0;} div#mainFooter h5 {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1em;padding:0px 0 5px 0;} div#mainFooter div.firstCol {float:left;width:350px;padding-right:30px;padding-left:15px;} div#mainFooter div.secondCol {float:left;width:240px;padding-right:20px;} div#mainFooter div.thirdCol {float:left;width:290px;} div#mainFooter ul span {color:#444;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:0.85em;} div#mainFooter ul h5 {padding-bottom:0px;} div#mainFooter ul p {padding-bottom:0px;color:#888;} div#mainFooter ul li {padding-bottom:5px;} div#mainFooter span.line {display:block;width:100%;border-bottom:1px dashed #AAA;height:10px;} div#mainFooter div.cavistes {background: url('../IMGS/CONSTRUCTION/bgCavistes1.jpg') no-repeat top left;border:1px solid #DDD;padding:0px 20px 10px 75px;} div#mainFooter div.producteurs {background: url('../IMGS/CONSTRUCTION/bgProducteurs.jpg') no-repeat top left;border:1px solid #DDD;padding:0px 20px 10px 75px;} div#mainFooter div.cavistes h4, div#mainFooter div.producteurs h4 {font-family:Georgia,"Times New Roman",Times,serif;font-size:1.5em;} div#mainFooter div.cavistes p, div#mainFooter div.producteurs p {font-family:Georgia,"Times New Roman",Times,serif;font-size:1em;word-spacing:0.05em;line-height:1.25em;} div#mainFooter div.cavistes a, div#mainFooter div.producteurs a {font-family:Georgia,"Times New Roman",Times,serif;word-spacing:0.05em;line-height:1.25em;} /* aspect du footer tout en bas de la page */ div#subFooter {background:#DDD;color:#444;border-top:1px solid #CCC;text-align:center;padding:15px 0;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:0.85em;} div#subFooter a {color:#444;} /* aspect du formulaire de recherche en haut de page */ div#mainHeader form.searchBar input#searchBar { border:1px solid #BBB; display:block; float:left; height:22px; padding:5px 15px 2px 15px; width:406px;} div#mainHeader form.searchBar input#searchBtn { display:block; float:left; padding: 0 0 0 10px;} div#mainHeader form.searchBar div.radio { clear:both; float:left; margin:10px 0 0 0; width:100%;} /* aspect des listes de définitions -> typiquement les informations administratives du cartouche de vin */ /*dl { color:#333; float:left; } dt { float:left; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-style:italic; letter-spacing:-0.03em; line-height:1.4em; padding:2px 15px 2px 0; text-align:right; width:80px; } dd { border-left:1px solid #DDD; float:left; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; line-height:1.4em; padding:2px 0 2px 10px; width:220px; } */ dl { color:#333; float:left; } dt { float:left; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-style:italic; letter-spacing:-0.03em; line-height:1.4em; padding:3px 15px 0px 0; text-align:right; width:80px; } dd { border-left:1px solid #DDD; float:left; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;line-height:1.3em;*line-height:1.4em; padding:4px 0 5px 10px; width:220px; } /* aspect des listes de définitions -> /* div pour afficher "plus" (exemple "plus de notes de dégustations") dans la colonne de gauche */ div.leftCol div.more { clear:both; padding:10px;text-align:center; } /* aspect général des formulaires de la colonne de gauche */ div.leftCol textarea { border: 1px solid #BBB; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; } div.leftCol input { border: 1px solid #BBB; padding:4px 6px 2px 6px; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.17em; } div.leftCol form div { color:#888; font-size:0.85em; padding: 0; width:auto; border:none; font-style:normal; clear:both; margin:0; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; } div.leftCol form div div.label { font-size:1.17em; color:#888; width:85px; padding:6px 10px 0 0; margin:0 10px 0 0; height:25px; font-style:italic; text-align:right; } div.leftCol form div span.singleCounter { color:#333; } div.leftCol form input.button { padding:0 10px 0 0; border: none; line-height:1em; } div.leftCol form div.button { margin: 1px 15px 0 105px; padding:7px 0 0 0; height:27px;line-height:2em;} div.leftCol form input.radio { border:none;margin-left:10px;} div.leftCol form input.radioNoBorder {border:10px red solid;margin:0;padding:0;} div.leftCol form input.checkbox { border:none;margin-left:10px;*padding-top:3px;} div.leftCol form input.checkboxNoBorder {border:0;margin:0;padding:0;} div.leftCol form span.checkBoxes { font-size:1.1em;line-height:1.2em;float:left;padding-top:4px;} div#caveRadioOptions input.radio, div#userCavesShow input.radio {border:0px;margin-left:0px;padding-left:0px;} /* spécifictés de formulaires pour le filtre en page de résultats notamment */ form.filters div.vintages input { width:120px;} form.filters div.prices input { width:50px; margin:0 5px 0 0;} div.filters div.element form { background:url('../IMGS/CONSTRUCTION/bgFormFilterTopRight.png') no-repeat top right; padding:20px 0 0 0; margin:0 0 0 15px; width:555px; } div.filters { background: url('../IMGS/CONSTRUCTION/bgDivFilterBottomLeft.png') no-repeat bottom left; padding:0 0 20px 0; margin: 0 0 20px 0;} form.filters input.button { padding:0 10px 0 0; border: none; float:left; line-height:1em; } /* spécificités des formulaires autres que les filtres (dans le flux du texte) */ div.leftCol div.textualElement form.textual p.first {padding-top:0px;} div.leftCol div.textualElement form.textual, form.textual {vertical-align:middle; padding:0;color:#444; font-size:1em; line-height:1em; padding:5px 0px 2px 0px;width:97%; text-align:left;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;} div.leftCol div.textualElement form.textual span.explanation, form.textual span.explanation {color:#888;font-size:0.85em; line-height:1em; padding:5px 0px 2px 0px; width:100%; text-align:left;} form.textual div#caveRadioOptions span.explanation {*vertical-align:top;} form.textual div#userCavesShow div.twoCol {*vertical-align:top;*top:-2px;} div#lightBoxHolder form.textual div.right {*vertical-align:top;*top:-5px;} div.leftCol div.textualElement form.textual span, form.textual span {color:#888; font-size:0.85em; line-height:1em; padding:5px 0px 2px 0px; width:100%; text-align:left; } div.leftCol div.textualElement form.textual .ok, form.textual .ok { background:#E8FFEC; } div.leftCol div.textualElement form.textual .nok, form.textual .nok { background:#FFE8E8;} div.leftCol div.textualElement form.textual span.nok, form.textual span.nok { background:#FFF;color:red;} div.leftCol div.textualElement form.textual p, form.textual p { color:#444; font-size:1em; line-height:1em; padding:8px 0px 5px 0px; width:100%;text-align:left; } div.leftCol div.textualElement form.textual p.explanation, form.textual p.explanation { color:#888;font-size:0.85em;padding:0 0 5px 0;line-height:1.2em;} div.leftCol div.textualElement form.textual input, form.textual input { border: 1px solid #BBB; padding:4px 6px 2px 6px; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1em;margin:0px 0 5px 0; } div.leftCol div.textualElement form.textual input.radio, form.textual input.radio { border:none;margin-left:10px;} div.leftCol div.textualElement form.textual textarea, form.textual textarea { color:#444;border: 1px solid #BBB; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; width:480px;margin:5px 0;line-height:1.4em;padding:3px;} div.leftCol div.textualElement div.lightBox form.textual, div.lightBox form.textual {background-color:#FFC;padding:10px; width} div.leftCol div.textualElement form.lightBox textarea, form.lightBox textarea { color:#444;border: 1px solid #BBB; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; width:410px;margin:5px 0;line-height:1.4em;padding:3px;} /* classe pour éliminer les bordures et paddings de checkbox notamment sous ie -> elles proviennent du border par défaut des input */ div.leftCol div.textualElement form.textual input.checkbox, form.textual input.checkbox {border:none;padding:0;margin:0;position:relative;top:1px;vertical-align:middle;} div.leftCol div.textualElement form.textual p.explanation input.checkbox, form.textual p.explanation input.checkbox {padding:0;margin:0;position:relative;top:1px;vertical-align:middle;} /* aspect des input avec button juste à leur droite */ div.leftCol div.textualElement form.textual p.inLine, form.textual p.inLine {padding-top:0px;} div.leftCol div.textualElement form.textual input.inLine, form.textual input.inLine { border: 1px solid #BBB; padding:4px 6px 2px 6px; float:left; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1em;margin:0 10px 0 0; } div.leftCol div.textualElement form.textual input.buttonInLine, form.textual input.buttonInLine { margin:0; padding:0 0 3px; border:none;} /* aspect des boutons de fin de formulaire */ div.leftCol div.textualElement form.textual input.button, form.textual input.button {border:none;padding:7px 0 0 0;} /* aspect des divs structurantes dans la colonne de gauche notamment */ div.leftCol div.element { display:block; float:left; background: url('../IMGS/CONSTRUCTION/bgLeftColElement.png') no-repeat top right; padding:15px 0 15px 0; width:100%; } div.leftCol div.oneThirdLeft {border-right:1px solid #DDD;width:280px;float:left;margin:0 15px 10px 0;padding:0 0px 8px 0;float:left;} div.leftCol div.oneThirdRight {width:280px;float:left;margin:0 0 10px 0;padding:0 0 8px 0;} div.leftCol div.oneThirdLeft h2, div.leftCol div.oneThirdLeft h3,div.leftCol div.oneThirdRight h2, div.leftCol div.oneThirdRight h3 {padding-top:8px;} /* Paragraphes de la colonne de gauche de la zone membres */ div.leftCol div.textualElement { display:block; float:left; background: url('../IMGS/CONSTRUCTION/bgLeftColElement.png') no-repeat top right; padding:15px 0 15px 0; width:100%; } div.leftCol div.textualElement p, div.leftCol div.oneThirdLeft p, div.leftCol div.oneThirdRight p { font-size:1em; line-height:1.4em; padding:0px 15px 5px 0px;} /* Listes */ div.leftCol div.oneThirdLeft ul li,div.leftCol div.oneThirdSmallLeft ul li,div.leftCol div.oneThirdRight ul li, ul.showBullet li { list-style-type:square;color:#333; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1em; line-height:1.4em; padding:0px 10px 5px 0px;margin:0; } div.leftCol div.oneThirdLeft ul,div.leftCol div.oneThirdRight ul, ul.showBullet {padding:0 0 0 15px;margin:0;} /* Aspect des lignes en alternance de couleur 1 ligne sur deux */ li.even {background-color:#EEE;} li.odd {} /* Nuage de tags */ div.tagCloud {line-height:2em;} div.textualElement div.tagCloud {padding:0 20px 0 0;} div.tagCloud span { background:#E8FAE0; border-bottom:2px solid #DDD; border-right:2px solid #DDD; color:#444; padding:1px 2px;display:block, float:left; } span.size1 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:0.8em;color:#999;} span.size2 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:0.9em;color:#888;} span.size3 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1em;color:#777;} span.size4 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1.05em;color:#666;} span.size5 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1.1em;color:#555;} span.size6 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1.15em;color:#444;} span.size7 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1.2em;color:#333;} span.size8 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1.25em;color:#222;} span.size9 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1.3em;color:#111;} span.size0 a {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:1.35em;color:#000;} /* Liste de résultats de format réduit */ ul.condensedResults { width:565px; padding:0 0 20px 0;} ul.condensedResults a img { background:#FFF; border:none; padding:3px; } ul.condensedResults a:hover img { background:#FFF; border:none; padding:3px; } ul.condensedResults div.nav {margin:10px 0 20px 0;padding:0 0 0 72px;float:left;} ul.condensedResults li { float:left; padding:10px 0px 10px 0; width:100%; border-bottom:solid 1px #DDD; } ul.condensedResults li.last {border:none;} ul.condensedResults li div.fvLabelSmall { /*border:1px solid #DDD;*/ width:62px;float:left; text-align:center; } ul.condensedResults li div.fvLabelSmall a { background:#D3D4CB; float:left; padding:3px; text-align:center; width:57px; } ul.condensedResults li div.fvLabelSmall a:hover { background:#C1C2BA; float:left; padding:3px; text-align:center; width:57px; } ul.condensedResults li h4.primaryLabel { display:block; margin:0 0 2px 72px; } ul.condensedResults li span.secondaryLabel { display:block; margin:0 0 4px 72px; color:#333;} ul.condensedResults li span.secondary { display:block; margin:0 0 4px 72px; color:#888;font-size:0.85em;} ul.condensedResults li span.actions { display:block; margin:0 0 4px 72px; font-size:0.85em;} ul.condensedResults li div.wineData {float:left;width:480px;} ul.condensedResults li div.wineData span.lowestPrice { color:#393; display:block; margin:0 0 4px 72px; font-size:0.85em;} ul.condensedResults li div.wineData span.lowestPrice span { background:none; color:#888; font-family:"lucida sans","lucida sans unicode","lucida grande",verdana,sans-serif; font-size:inherit; } ul.condensedResults li div.wineData span.lowestPrice span.cote { color:#888; font-style:normal; padding:0 0 2px 0; text-decoration:line-through;} ul.condensedResults { color:#888; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; } ul.condensedResults li h4.primaryLabel a { letter-spacing:-0.03em; } ul.condensedResults li span.contrast { color:#333; } ul.condensedResults div.expand {width:420px;margin:10px 0 5px 72px;} ul.condensedResults li p {line-height:1.4em;padding:0px 0px 5px 0px;} ul.condensedResults span.rTags { display:block; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; height:auto; margin:0; overflow:hidden;padding:0 0 10px 0;} ul.condensedResults span.rTags span { font-size:1em;display:block; float:left; background:transparent; height:15px; border-bottom:2px solid #DDD; border-right:2px solid #DDD; color:#444; font-style:normal; padding:1px 2px; margin:1px 4px 1px 0px; } ul.condensedResults div.rStatisticDataNarrow { height:auto;} /* variantes destinées à la représentation de la cave à vins */ div.condensedCellarResults ul {padding-top:20px;padding-bottom:20px;clear:both;} div.condensedCellarResults ul.smallWines li {width:auto;padding:10px 0 0 0;} div.condensedCellarResults ul.smallWines li div.wineData {float:left;width:310px;padding:0 10px 10px 0;} div.condensedCellarResults ul.smallWines li div.wineData span.quantity {} div.condensedCellarResults ul.smallWines li div.cellarData {line-height:1.4em; font-size:1em;color:#333;padding:0 0 0 10px;border-left:1px solid #DDD;float:left;width:220px;} div.condensedCellarResults ul.smallWines li div.cellarData span {display:block;color:#666;padding:4px 0 0 10px;line-height:1.2em;font-size:0.85em;} div.condensedCellarResults ul.smallWines li div.cellarData ul {padding-top:0px;padding-bottom:0px;} div.condensedCellarResults ul.smallWines li div.cellarData ul li {padding:0 0 5px 0;width:100%;} div.condensedCellarResults ul.smallWines li div.cellarData ul li div span.secondary {font-size:0.85em;display:inline;padding:0;margin:0;} div.condensedCellarResults ul.smallWines li div.cellarData ul li.action {font-size:0.85em;} div.condensedCellarResults ul div.nav {padding:10px 0 20px 0;float:left;width:100%;} /*div.condensedResults ul.smallWines li span.stock { font-size:0.85em; padding:0 0 2px 0;display: block;margin: 0px 0px 0px 72px; }*/ /* listing taille réduite des vins d'une cave donnée */ div.condensedCellarListing ul {padding-top:20px;padding-bottom:20px;clear:both;} /*div.condensedCellarListing div {border:1px solid red;} */ div.condensedCellarListing ul.smallWines li {width:auto;padding:0;width:565px;margin:0;} div.condensedCellarListing ul.smallWines li .secondary {font-size:0.85em;} div.condensedCellarListing ul.smallWines li h4.primaryLabel { display:block; color:#333; margin:0;padding-bottom:0px;} div.condensedCellarListing ul.smallWines li span.secondaryLabel { display:block; color:#333; margin:0;} div.condensedCellarListing div.designation {padding:5px 7px 5px 0;width:290px;float:left;border-top:1px solid #DDD;} div.condensedCellarListing div.content {border-top : 1px solid #DDD;padding:5px 7px 5px 7px;width:60px;float:left;} div.condensedCellarListing div.position {border-top : 1px solid #DDD;padding:5px 0px 5px 7px;width:180px;float:left;} div.condensedCellarListing ul div.nav {padding:10px 0 20px 0;float:left;width:100%;} div.condensedCellarListing li.header {text-align:left;font-size:0.85em;} div.condensedCellarListing li.header div.designation {border:none;padding:5px 7px 5px 0;width:290px;float:left;} div.condensedCellarListing li.header div.content {border:none;padding:5px 7px 5px 7px;width:60px;float:left;text-align:center;} div.condensedCellarListing li.header div.position {border:none;padding:5px 0px 5px 7px;width:180px;float:left;} /* menu s'affichant pour ajouter à la cave, liste de voeux, etc... */ /* menu déclenchable sous la petite image de l'étiquette d'un vin */ div.wineRollOverMenuSubLabel {background: url('../IMGS/CONSTRUCTION/bgRollOverMenuShadowed.png') no-repeat top left; font-size:0.85em;border:none;position:relative;left:65px;top:-50px;padding:23px 28px;text-align:left;width:220px;height:120px;} div.wineRollOverMenuSubLabel ul a, div.wineRollOverMenuTxtLabel ul a, h3 div.wineRollOverMenuTxtLabel ul a {font-size:1em;color:#06C;text-align:left;} div.wineRollOverMenuSubLabel li, div.wineRollOverMenuTxtLabel li {border-bottom:1px solid #DDD;padding:4px 0;line-height:1.4em;} div.wineRollOverMenuSubLabel li.close, div.wineRollOverMenuTxtLabel li.close {text-align:right;border:none;} div.wineRollOverMenuSubLabel li.close a, div.wineRollOverMenuTxtLabel li.close a {color:#888;} /* menu déclenchable sous la petite image de l'étiquette d'un vin */ div.wineRollOverMenuTxtLabel {background: url('../IMGS/CONSTRUCTION/bgRollOverMenuShadowed.png') no-repeat top left; font-size:0.85em;;position:absolute;left:0;top:0px;padding:23px 28px;text-align:left;width:220px;height:120px;z-index:1;} /*------------------------------------------------------------------------------ ELEMENTS DE LAYOUT SPECIFIQUES A LA PAGE DE RESULTATS ------------------------------------------------------------------------------*/ /* Aspect du titre annonçant les résultats */ div.leftCol h1.results { width:auto; float:left; color:#888; font-size:1.25em; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; padding:0 15px 10px 0; } div.leftCol span.results { color:#888; display:block; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:0.85em; padding: 4px 0 0 0;} /* Eléments du cartouche administratif du vin sur la page de résultats */ div.rAdminData { border-bottom: 1px solid #DDD; color: #333; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; float:left; line-height:1.4em; width:570px; padding: 20px 0 30px 0; } div.rAdminData div.label { border-right:1px solid #DDD; display:inline; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; float:left; height:125px; margin:0 10px 0 0 ; padding:0 10px 0 0; text-align:center; width:82px; } div.rAdminData h3, div.rAdminData h3 a, div.rAdminData h3 a:hover { clear:none; color:#601B2E; padding:0 0 5px 5px; width:560px; } div.rAdminData span.provenance { color:#888; display:block; font-size:1em; padding:0 0 10px 10px ; width:560px;} div.rAdminData span.provenance a { color:#888; } div.rAdminData span.provenance a:hover { color:#601B2E; } div.rStatisticDataNarrow, div.rStatisticDataWide { color:#888; float:right; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; letter-spacing:-0.05em; height:125px; width:70px; } div.rStatisticDataWide { width:210px;} div.rCote { background:#FFFFE8; border:1px solid #CCC; float:right; height:51px; padding:6px 10px 10px 10px; text-align:center; width:113px; } div.rStatisticDataWide div.rCote { color:#333; cursor:pointer; } div.rStatisticDataWide div.rCote span, div.rStatisticDataNarrow div.rCote span { background: url('../IMGS/CONSTRUCTION/bgStrikeThrough.png') repeat-x 50% 60%; color:#333; } div.rStatisticDataWide div.rCote span.int, div.rStatisticDataNarrow div.rCote span.int { font-family:Georgia,"Times New Roman",Times,serif; font-size:1.45em; } div.rStatisticDataWide div.rCote span.dec, div.rStatisticDataNarrow div.rCote span.dec { font-family:Georgia,"Times New Roman",Times,serif; } div.rStatisticDataWide div.rCote span.currency, div.rStatisticDataNarrow div.rCote span.currency { font-family:Georgia,"Times New Roman",Times,serif; color:#888; } div.rCoteEstimation { background:#EFEFEF; border:1px dashed #CCC; float:right; padding:6px 10px 10px 10px; text-align:center; width:113px; } div.rStatisticData div.rCoteEstimation { color:#333; cursor:pointer; } div.rStatisticData div.rCoteEstimation span { color:#333; } div.rStatisticData div.rCoteEstimation span.int { font-family:Georgia,"Times New Roman",Times,serif; font-size:1.45em; } div.rStatisticData div.rCoteEstimation span.dec { font-family:Georgia,"Times New Roman",Times,serif; } div.rStatisticData div.rCoteEstimation span.currency { font-family:Georgia,"Times New Roman",Times,serif; color:#888; } div.rStatisticData div.rCoteEstimation span.estimation { color:#888; display:block; font-size:0.85em; font-style:italic; padding:5px 0 0 0; } div.rLowestPrice { margin:5px 0 0 0; } div.rCote div.rLowestPrice { color:#393; font-size:0.85em; font-style:italic; } div.rCote div.rLowestPrice span { background:none; color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:inherit; } div.rCote div.rLowestPrice span.int { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.1em; } div.rCote div.rLowestPrice span.dec { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:0.8em; } div.rCote div.rLowestPrice span.currency { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:inherit; } div.rCote div.rNbrOffers { color:#888; font-size:0.85em; font-style:italic; padding:3px 0 0 0;} div.rCoteEstimation div.rLowestPrice { color:#393; font-size:0.85em; font-style:italic; } div.rCoteEstimation div.rLowestPrice span { background:none; color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:inherit; } div.rCoteEstimation div.rLowestPrice span.int { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.1em; } div.rCoteEstimation div.rLowestPrice span.dec { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:0.8em; } div.rCoteEstimation div.rLowestPrice span.currency { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:inherit; } div.rCoteEstimation div.rNbrOffers { color:#888; font-size:0.85em; font-style:italic; padding:3px 0 0 0;} div.ratingGreatSmall, div.ratingEstimationSmall, div.ratingMythicalSmall, div.ratingNoneSmall, div.ratingStandardSmall, div.ratingNormalSmall { color:#333; float:right; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.85em; font-style:normal; height:66px; margin:0 0 0 10px; padding:3px 0 0 0; text-align:center; width:56px; } div.ratingGreatSmall { background: url('../IMGS/CONSTRUCTION/ratingGreatSmall.png') no-repeat top center; } div.ratingEstimationSmall { background: url('../IMGS/CONSTRUCTION/ratingEstimationSmall.png') no-repeat top center; } div.ratingMythicalSmall { background: url('../IMGS/CONSTRUCTION/ratingMythicalSmall.png') no-repeat top center; } div.ratingNoneSmall { background: url('../IMGS/CONSTRUCTION/ratingNoneSmall.png') no-repeat top center; } div.ratingStandardSmall { background: url('../IMGS/CONSTRUCTION/ratingStandardSmall.png') no-repeat top center; } div.ratingNormalSmall { background: url('../IMGS/CONSTRUCTION/ratingNormalSmall.png') no-repeat top center; } div.rAdminData div.qPrSmallNone, div.rAdminData div.qPrSmall0, div.rAdminData div.qPrSmall1, div.rAdminData div.qPrSmall2, div.rAdminData div.qPrSmall3, div.rAdminData div.qPrSmall4 { clear:both; float:right; font-size:0.85em; padding:5px 0 0 12px; width:198px; } div.rAdminData div.qPrSmallNone { background: url('../IMGS/CONSTRUCTION/smallQPr0.png') no-repeat 130px 5px; } div.rAdminData div.qPrSmall1 { background: url('../IMGS/CONSTRUCTION/smallQPr1.png') no-repeat 130px 5px; } div.rAdminData div.qPrSmall2 { background: url('../IMGS/CONSTRUCTION/smallQPr2.png') no-repeat 130px 5px; } div.rAdminData div.qPrSmall3 { background: url('../IMGS/CONSTRUCTION/smallQPr3.png') no-repeat 130px 5px; } div.rAdminData div.qPrSmall4 { background: url('../IMGS/CONSTRUCTION/smallQPr4.png') no-repeat 130px 5px; } /* Aspect des données administratives dans les cartouches de la page de résultats */ div.rAdminData span.label {float:left; line-height:1.4em;} /* hack ie6 */ div.rAdminData span a {*line-height:inherit;} div.rAdminData a {*line-height:1.4em;} /* Aspect des tags dans un cartouche de résultat */ div.rAdminData span.rTags { display:block;*display:none; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; height:63px; margin:0; overflow:hidden; padding:10px 0 0 0; } div.rAdminData span.rTags span { display:block; float:left; background:#E8FAE0; height:15px; border-bottom:2px solid #DDD; border-right:2px solid #DDD; color:#444; font-style:normal; padding:1px 2px; margin:1px 2px; } div.rAdminData span.rTags span.o, ul.condensedResults span.rTags span.o, div.fvTags dl dd span.rTags span.o { border-bottom:2px solid #DDD; border-right:2px solid #DDD;background:#DEFEFE;*line-height:1.65em; } div.rAdminData span.rTags span.n, ul.condensedResults span.rTags span.n, div.fvTags dl dd span.rTags span.n { border-bottom:2px solid #DDD; border-right:2px solid #DDD;background:#FFC;*line-height:1.65em; } div.rAdminData span.rTags span.b, ul.condensedResults span.rTags span.b, div.fvTags dl dd span.rTags span.b { border-bottom:2px solid #DDD; border-right:2px solid #DDD;background:#FDD;*line-height:1.65em; } div.rAdminData span.rTags span.c, ul.condensedResults span.rTags span.c, div.fvTags dl dd span.rTags span.c { border-bottom:2px solid #DDD; border-right:2px solid #DDD;background:#E8FAE0;*line-height:1.65em; } div.rAdminData span.rTags span.g, ul.condensedResults span.rTags span.g, div.fvTags dl dd span.rTags span.g { border-bottom:2px solid #DDD; border-right:2px solid #DDD;background:#E8FAE0;*line-height:1.65em; } /* lien pour voir la fiche vin */ div.rAdminData a.seeWineDetails { color:#555; display:block; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:0.85em; font-style:italic; padding:5px 0 0 0; text-decoration:underline; } div.rAdminData a:hover.seeWineDetails { color:#601B2E; text-decoration:underline; } /* colonne de droite, les vins en bref (mieux noté, moins cher, etc.) */ ul.smallWines h3 { font-size:1.1em; padding: 15px 0 8px 0; } /* colonne de droite, filtres pliés */ form.filters ul.smallFilters { border:none; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; width:270px; } form.filters ul.smallFilters li { border:none; color:#888; font-size:0.85em; width:120px;padding:0 0 5px 0; display:block; float:left; } /* pagination de la page de résultats */ div#pagination {background:none;float:left;text-align:center;width:590px;clear:both;height:40px;padding:20px 0 0 0;} div#pagination a {margin-left:3px;font-size:0.85em;} div#pagination span.currentPage {font-size:1.2em;color:#666;background:#FEFEFE;border:1px solid #DDD;padding:0px 2px;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;} /* ------------------------------------------------------------------------------ TYPOGRAPHIES SPECIFIQUES A LA FICHE VIN ------------------------------------------------------------------------------*/ /* cartouche de vin : données administratives */ div.fvSecondaryData dt { width:150px; } div.fvSecondaryData dd { width:250px; } div.fvSecondaryData dt.first { padding:8px 15px 2px 0px; } div.fvSecondaryData dd.first { padding:8px 0 4px 10px; } /* affichage du prix*/ div.fvStatisticData { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; letter-spacing:-0.05em; } div.fvStatisticData div.fvCote { color:#333; cursor:pointer; } div.fvStatisticData div.fvCote span { background: url('../IMGS/CONSTRUCTION/bgStrikeThrough.png') repeat-x 50% 60%; color:#333; } div.fvStatisticData div.fvCote span.int { font-family:Georgia,"Times New Roman",Times,serif; font-size:1.45em; } div.fvStatisticData div.fvCote span.dec { font-family:Georgia,"Times New Roman",Times,serif; } div.fvStatisticData div.fvCote span.currency { font-family:Georgia,"Times New Roman",Times,serif; color:#888; } div.fvStatisticData div.fvCoteEstimation { color:#333; cursor:pointer; } div.fvStatisticData div.fvCoteEstimation span { color:#333; } div.fvStatisticData div.fvCoteEstimation span.int { font-family:Georgia,"Times New Roman",Times,serif; font-size:1.45em; } div.fvStatisticData div.fvCoteEstimation span.dec { font-family:Georgia,"Times New Roman",Times,serif; } div.fvStatisticData div.fvCoteEstimation span.currency { font-family:Georgia,"Times New Roman",Times,serif; color:#888; } div.fvStatisticData div.fvCoteEstimation span.estimation { color:#888; display:block; font-size:0.85em; font-style:italic; padding:5px 0 0 0; } /* affichage de la cote */ div.fvCote div.fvLowestPrice { color:#393; font-size:0.9em; font-style:italic; } div.fvCote div.fvLowestPrice span { background:none; color:#393; font-family:"lucida sans","lucida sans unicode","lucida grande",verdana,sans-serif; font-size:inherit; } div.fvCote div.fvLowestPrice span.int { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.1em; } div.fvCote div.fvLowestPrice span.dec { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:0.8em; } div.fvCote div.fvLowestPrice span.currency { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:inherit; } /* cartouche de vin : tags gustatifs */ div.fvTags dt { line-height:1.65em; width:150px; } div.fvTags dd { line-height:1.65em; width:310px; } /* vin dans son contexte */ div.fvWineInContext p { font-size:0.9em;line-height:1.4em; padding: 0 0 3px 0; } div.fvPriceQualityRatio { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; letter-spacing:-0.05em; } div.fvPriceQualityRatio span { color:#888; font-size:0.85em; font-style:italic; line-height:1.1em; } div.fvWineInContext span.worse { color:#601B2E; font-style:italic; font-weight:bold; } div.fvWineInContext span.better { color:#393; font-style:italic; font-weight:bold; } div.tastingNoteHolder { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; } div.tastingNoteAuthor a { font-size:0.9em; font-style:italic; } div.tastingNoteAuthor span.date { color:#888; display:block; font-size:0.85em; padding:2px 0 5px 0; } div.tastingNote p { font-size:0.9em; line-height:1.4em; padding:0px 0px 5px 10px; margin:0 0 0 67px; } div.tastingNoteFooter { color:#888; font-size:0.85em; font-style:italic; padding:5px 0 0 0; text-align:right;} /* Présentation des offres Colonne de droite */ div.rightCol ol.offers div,div#allOffers ol.offers div { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; padding:5px 0 0 0; } div.rightCol ol.offers li div.offerPrice span.int, div#allOffers ol.offers li div.offerPrice span.int { font-family:Georgia,"Times New Roman",Times,serif; font-size:1.6em;line-height:1.6em; } div.rightCol ol.offers li div.offerPrice span.dec,div#allOffers ol.offers li div.offerPrice span.dec { font-family:Georgia,"Times New Roman",Times,serif; } div.rightCol ol.offers li div.offerPrice span.currency,div#allOffers ol.offers li div.offerPrice span.currency { font-family:Georgia,"Times New Roman",Times,serif; color:#888; } div.rightCol ol.offers li div.offerPrice span.asterisque, div#allOffers ol.offers li div.offerPrice span.asterisque { color:#601B2E; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.7em; } div.rightCol ol.offers div.offerDetails, div#allOffers ol.offers div.offerDetails { color:#888; font-size:0.85em; } div.rightCol ol.offers div.offerBuy, div#allOffers ol.offers div.offerBuy { font-size:0.85em; letter-spacing:-0.05em; } div.rightCol ol.offers div.offerBuy a img, div#allOffers ol.offers div.offerBuy a img { padding:3px 0; border:none; } div.rightCol ol.offers div.offerBuy a:hover img, div#allOffers ol.offers div.offerBuy { padding:3px 0; border:none; } div.rightCol div.offersLegend span, div#allOffers div.offersLegend span { color:#888; font-size:0.75em; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; line-height:1.2em; } div.rightCol div.offersLegend span.asterisque, div#allOffers div.offersLegend span.asterisque { color:#601B2E; font-family:Georgia,"Times New Roman",Times,serif; font-size:1.7em; } div.rightCol div.offersMore a, div#allOffers div.offersMore a { color:#555; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:0.85em; font-style:italic; text-decoration:underline; } div.rightCol div.offersMore a:hover, div#allOffers div.offersMore a:hover { color:#601B2E; text-decoration:underline; } div.rightCol ul.interact li { color:#393; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; line-height:1.2em; } div.rightCol ul li a.small { color:#888; font-size:0.75em; letter-spacing:-0.03em; text-decoration:none; } div.rightCol ul li a:hover.small { color:#601B2E; } div.rightCol ul.otherVintages li { color:#333; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; line-height:1.2em; } /* Présentation d'un vin en taille réduite - type "vins similaires" */ ul.smallWines { color:#888; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; } ul.smallWines li h4.primaryLabel a { letter-spacing:-0.03em; } ul.smallWines li span.secondaryLabel { color:#333; } ul.smallWines li span.fvRating { font-size:0.85em; padding:0 0 2px 0; } ul.smallWines li span.fvRating span.smallRating { color:#601B2E; font-size:1.05em; padding:0 0 2px 0; } ul.smallWines li span.fvLowestPrice { color:#393; font-size:0.85em; font-style:italic; padding:0 0 2px 0;} ul.smallWines li span.fvLowestPrice span.cote { color:#888; font-style:normal; padding:0 0 2px 0; text-decoration:line-through;} ul.smallWines li span.fvLowestPrice span { color:#888; font-style:normal; padding:0 0 2px 0; text-decoration:none;} ul.smallWines li span.smallQPr, ul.smallWines li span.smallQPr0, ul.smallWines li span.smallQPr1, ul.smallWines li span.smallQPr2, ul.smallWines li span.smallQPr3, ul.smallWines li span.smallQPr4 { font-size:0.85em; padding:0 0 2px 0; } ul.smallWines li span.smallQPr span.smallStars { color:#333; } ul.smallWines div.nav {padding:10px 0 20px 0;float:left;width:100%;} span.important {background-color:#DEEFFF;color:#333;padding-left:5px;padding-right:5px;font-size:0.8em;} /* ------------------------------------------------------------------------------ ELEMENTS DE LAYOUT SPECIFIQUES A LA FICHE VIN ------------------------------------------------------------------------------*/ ol.offers a img { border:none; } /* Eléments du cartouche administratif du vin */ div.fvAdminData { float:left; width:586px; display:block; } div.fvAdminData h1 { color:#601B2E; font-size:1.25em; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; padding:0 0 10px 0; margin:0 0 0 85px;width:480px; } div.label { display:inline; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; float:left; padding:0 15px 0 0; text-align:center; width:82px; } div.fvPrimaryData { float:left; width:330px; } div.fvStatisticData { width:135px; } div.fvCote { background:#FFFFE8; border:1px solid #CCC; float:right; padding:6px 10px 10px 10px; text-align:center; width:113px; } div.fvCoteEstimation { background:#EFEFEF; border:1px dashed #CCC; float:right; padding:6px 10px 10px 10px; text-align:center; width:113px; } div.fvLowestPrice { margin:5px 0 0 0; } div.fvStatisticData div.fvRating { float:right; } div.fvRating span { color:#888; display:block; font-size:0.85em; font-style:italic; padding:5px 0 0 0; text-align:center; } div.ratingGreat, div.ratingEstimation, div.ratingMythical, div.ratingNone, div.ratingStandard, div.ratingNormal { color:#333; font-family:Georgia,"Times New Roman",Times,serif; font-size:2.2em; font-style:normal; height:75px; margin:5px 0 0 0; padding:5px 0 0 0; text-align:center; width:67px; } div.ratingGreat { background: url('../IMGS/CONSTRUCTION/ratingGreat.png') no-repeat top center; } div.ratingEstimation { background: url('../IMGS/CONSTRUCTION/ratingEstimation.png') no-repeat top center; } div.ratingMythical { background: url('../IMGS/CONSTRUCTION/ratingMythical.png') no-repeat top center; } div.ratingNone { background: url('../IMGS/CONSTRUCTION/ratingNone.png') no-repeat top center;} div.ratingStandard { background: url('../IMGS/CONSTRUCTION/ratingStandard.png') no-repeat top center; } div.ratingNormal { background: url('../IMGS/CONSTRUCTION/ratingNormal.png') no-repeat top center; } div.fvSecondaryData { display:block; float:left; padding:0 0 0 27px; width:450px; margin:0; } div.fvTags { float:left; margin:15px 0 20px 0; padding:0 0 0 27px; width:500px; } div.fvTags span { /*background:#E8FAE0; border-bottom:2px solid #DDD; border-right:2px solid #DDD; color:#444; */padding:1px 2px; } /* Présentation d'un vin en taille réduite - type "vins similaires" */ ul.smallWines { width:580px; } div.leftCol div.oneThirdRight ul.smallWines, div.leftCol div.oneThirdLeft ul.smallWines { width:260px;padding:0;} ul.smallWines a img.noPad {padding:0;background:#FFF;} ul.smallWines a img { background:#FFF; border:none; padding:3px; } ul.smallWines a:hover img { background:#FFF; border:none; padding:3px; } ul.smallWines li { float:left; padding:10px 20px 10px 0; width:265px; } div.leftCol div.oneThirdRight ul.smallWines li, div.leftCol div.oneThirdLeft ul.smallWines li { width:265px;list-style-type:none;padding:5px 0px 5px 0;} ul.smallWines li div.fvLabelSmall { /*border:1px solid #DDD;*/ float:left; text-align:center;width:62px; } ul.smallWines li div.fvLabelSmall a { background:#D3D4CB; float:left; padding:3px; text-align:center; width:57px; } ul.smallWines li div.fvLabelSmall a:hover { background:#C1C2BA; float:left; padding:3px; text-align:center; width:57px; } ul.smallWines li h4.primaryLabel { display:block; margin:0 0 2px 72px; line-height:1.2em;} div.leftCol div.oneThirdLeft ul.smallWines li h4.primaryLabel, div.leftCol div.oneThirdRight ul.smallWines li h4.primaryLabel { display:block; margin:0 0 2px 72px;line-height:1.2em;font-style:normal;} ul.smallWines li span.secondaryLabel { display:block; margin:0 0 4px 72px; } ul.smallWines li span.fvRating { display:block; margin:0 0 0 72px; } ul.smallWines li span.fvLowestPrice { display:block; margin:0 0 0 72px; } ul.smallWines li span.action {display:block;margin: 0 0 0 72px; font-size:0.85em;} ul.smallWines li span.smallQPr, ul.smallWines li span.smallQPr0, ul.smallWines li span.smallQPr1, ul.smallWines li span.smallQPr2, ul.smallWines li span.smallQPr3, ul.smallWines li span.smallQPr4 { display:block; margin: 0 0 0 72px; width:185px;} /* Rapport qualité prix d'un vin */ div.fvPriceQualityRatio { float:left; padding:0 10px 0 0; width:155px; } div.fvPriceQualityRatio span { display:block; padding:5px 0 5px 35px; text-align:center; } div.fvWineInContext { border-left:1px solid #DDD; float:left; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; line-height:1.4em; padding:5px 0 5px 10px; width:395px; } div.qPrNone, div.qPr0, div.qPr1, div.qPr2, div.qPr3, div.qPr4 { height:60px;} div.qPrNone { background: url('../IMGS/CONSTRUCTION/qPrNone.png') no-repeat top right; } div.qPr0 { background: url('../IMGS/CONSTRUCTION/qPr0.png') no-repeat top right; } div.qPr1 { background: url('../IMGS/CONSTRUCTION/qPr1.png') no-repeat top right; } div.qPr2 { background: url('../IMGS/CONSTRUCTION/qPr2.png') no-repeat top right; } div.qPr3 { background: url('../IMGS/CONSTRUCTION/qPr3.png') no-repeat top right; } div.qPr4 { background: url('../IMGS/CONSTRUCTION/qPr4.png') no-repeat top right; } /* Note de dégustation */ div.tastingNoteHolder { display:block; float:left; padding:0 0 10px 0; } div.tastingNoteAuthor { float:left; padding:10px 10px 0 0; text-align:right; width:155px; } div.tastingNote { background: url('../IMGS/CONSTRUCTION/bgTastingNoteTopRight.png') no-repeat top right; margin:0 0 0 165px; padding:10px 10px 0 10px; width:385px; } div.tastingNoteFooter { clear:both; background: url('../IMGS/CONSTRUCTION/bgTastingNoteBottomLeft.png') no-repeat bottom left; margin:0 0 0 165px; height:20px; width:385px; } div.tastingNote div.fvRating span { color:#888; display:block; font-size:0.85em; font-style:italic; padding:0; text-align:center; } div.tastingNote div.fvRating { float:left; } div.ratingGreatUsr, div.ratingMythicalUsr, div.ratingNoneUsr, div.ratingStandardUsr, div.ratingNormalUsr { color:#333; font-family:Georgia,"Times New Roman",Times,serif; font-size:2.2em; font-style:normal; height:75px; margin:5px 0 0 0; padding:5px 0 0 0; text-align:center; width:67px; } div.ratingGreatUsr { background: url('../IMGS/CONSTRUCTION/ratingGreatUsr.png') no-repeat top center; } div.ratingMythicalUsr { background: url('../IMGS/CONSTRUCTION/ratingMythicalUsr.png') no-repeat top center; } div.ratingNoneUsr { background: url('../IMGS/CONSTRUCTION/ratingNoneUsr.png') no-repeat top center;} div.ratingStandardUsr { background: url('../IMGS/CONSTRUCTION/ratingStandardUsr.png') no-repeat top center; } div.ratingNormalUsr { background: url('../IMGS/CONSTRUCTION/ratingNormalUsr.png') no-repeat top center; } div.ratingGreatPro, div.ratingMythicalPro, div.ratingNonePro, div.ratingStandardPro, div.ratingNormalPro { color:#FFF; font-family:Georgia,"Times New Roman",Times,serif; font-size:2.2em; font-style:normal; height:75px; margin:5px 0 0 0; padding:5px 0 0 0; text-align:center; width:67px; } div.ratingGreatPro { background: url('../IMGS/CONSTRUCTION/ratingGreatPro.png') no-repeat top center; } div.ratingMythicalPro { background: url('../IMGS/CONSTRUCTION/ratingMythicalPro.png') no-repeat top center; } div.ratingNonePro { background: url('../IMGS/CONSTRUCTION/ratingNonePro.png') no-repeat top center;} div.ratingStandardPro { background: url('../IMGS/CONSTRUCTION/ratingStandardPro.png') no-repeat top center; } div.ratingNormalPro { background: url('../IMGS/CONSTRUCTION/ratingNormalPro.png') no-repeat top center; } div.ratingGreatFaw, div.ratingMythicalFaw, div.ratingNoneFaw, div.ratingStandardFaw, div.ratingNormalFaw { color:#333; font-family:Georgia,"Times New Roman",Times,serif; font-size:2.2em; font-style:normal; height:75px; margin:5px 0 0 0; padding:5px 0 0 0; text-align:center; width:67px; } div.ratingGreatFaw { background: url('../IMGS/CONSTRUCTION/ratingGreatFaw.png') no-repeat top center; } div.ratingMythicalFaw { background: url('../IMGS/CONSTRUCTION/ratingMythicalFaw.png') no-repeat top center; } div.ratingNoneFaw { background: url('../IMGS/CONSTRUCTION/ratingNoneFaw.png') no-repeat top center;} div.ratingStandardFaw { background: url('../IMGS/CONSTRUCTION/ratingStandardFaw.png') no-repeat top center; } div.ratingNormalFaw { background: url('../IMGS/CONSTRUCTION/ratingNormalFaw.png') no-repeat top center; } div.usrAvatarSmall a img { background:#FFF; border:none; padding:3px; } div.usrAvatarSmall a:hover img { background:#FFF; border:none; padding:3px; } div.usrAvatarSmall a { background:#D3D4CB; border-top:0px solid #D3D4CB; float:right; padding:3px; text-align:center; width:57px; } div.usrAvatarSmall a:hover { background:#C1C2BA; border-top:0px solid #C1C2BA; float:right; padding:3px; text-align:center; width:57px; } /* Alerte email si un vin n'est pas disponible */ div.fvAlert { background:#FFFFE8; border:1px solid #CCC; float:left; margin:10px 0 0 10px;padding:10px; text-align:center; width:170px; } /* Présentation des offres liées à un vin */ div.rightCol ol, div#allOffers ol { margin:10px 0 0 10px; width:262px; } div.rightCol ol li, div#allOffers ol li { border-bottom:1px solid #DDD; height:50px; } div.rightCol ol li.last, div#allOffers ol li.last { border:none; } div.rightCol ol.offers div, div#allOffers ol.offers div {float:left; height:auto; } div.rightCol ol.offers div.offerPrice, div#allOffers ol.offers div.offerPrice { width:105px; } div.rightCol ol.offers li div.offerPrice span.int, div#allOffers ol.offers li div.offerPrice span.int { /* no properties yet */ } div.rightCol ol.offers li div.offerPrice span.dec, div#allOffers ol.offers li div.offerPrice span.dec { /* no properties yet */ } div.rightCol ol.offers li div.offerPrice span.currency, div#allOffers ol.offers li div.offerPrice span.currency { /* no properties yet */ } div.rightCol ol.offers li div.offerPrice span.asterisque, div#allOffers ol.offers li div.offerPrice span.asterisque { /* no properties yet */ } div.rightCol ol.offers div.offerDetails, div#allOffers ol.offers div.offerDetails { text-align:center; width:48px; } div.rightCol ol.offers div.offerBuy, div#allOffers ol.offers div.offerBuy { float:right; text-align:center; width:102px; } /* Légende (explication de l'asterisque) sous les offres */ div.rightCol div.offersLegend { padding:8px 0 0 5px; } div.rightCol div.offersLegend span { display:block; float:left; } div.rightCol div.offersLegend span.asterisque { display:block; float:left; padding:0 10px 0 0; } div.rightCol div.offersMore { padding: 0 0 0 10px; } /* autres éléments de liste de la colonne de droite */ div.rightCol ul { margin:10px 0 0 10px; width:262px; } div.rightCol ul li { padding:6px 0 10px 0; border-bottom:solid 1px #DDD; } div.rightCol ul li.last { border:none; } /*------------------------------------------------------------------------------ ELEMENTS DE LA ZONE MEMBRE ------------------------------------------------------------------------------*/ div.leftCol h1.textual {color:#333;padding:0 0 10px 10px; } div.leftCol h2.textual {padding:15px 0 10px 10px; } /* notifications temporaires */ div.leftCol div.notification {background: #FFC url('../IMGS/CONSTRUCTION/bgNotification.png') no-repeat 10px 10px;;border:1px solid #FF9;margin:10px 0; padding:5px 10px;} div.leftCol div.notification p {font-size:0.9em; line-height:1.4em; padding:0px 0px 5px 45px; } div.leftCol div.notification p a.secondary {font-size:0.85em;} div.leftCol div.notification h2 {padding:0 0 10px 45px;} div.leftCol h2 span.secondary a {font-size:0.75em;} /* Menu de droite */ div.rightCol div.menu ul li { clear:both; color:#777; padding:4px 0 8px 0; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.25em; margin:0; } div.rightCol div.menu ul li.current { color:#333; } /*------------------------------------------------------------------------------ ASPECT GENERAL DES LIGHTBOX (RETRAVAILLER LES DESIGNATIONS DE STYLES) ------------------------------------------------------------------------------*/ /*.blackOverlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001;-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50); } * html .blackOverlay { background-color:transparent;background: transparent url('../IMGS/CONSTRUCTION/bgLightBoxIE6.gif') repeat top left; }*/ .blackOverlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background: transparent url('../IMGS/CONSTRUCTION/bgLightBoxIE6.gif') repeat top left; z-index:1001;-moz-opacity: 0.5;opacity:.50;filter: alpha(opacity=50); } .lightBoxContent { background:#FFF url('../IMGS/CONSTRUCTION/bgLightBoxTop.png') no-repeat top left;width: 520px; padding:20px;} .lightBoxFooter {background:#FFF url('../IMGS/CONSTRUCTION/bgLightBoxBottom.png') no-repeat bottom left;height:26px;width:560px;background-repeat:no-repeat;background-color:transparent;} .lightBoxFooter a {display:block;float:right;padding:0 20px 0 0;font-size:0.85em;color:#888;} /*.lightBoxHolder { display: none; position: absolute; top: 5%; left: 25%; background-color: white; z-index:1002; overflow: auto; text-align: left;width:565px;background-repeat:no-repeat;background-color:transparent;}*/ .lightBoxHolder div.right p.extraInfo {border-top:1px solid #DDD;padding:5px 0 0 0;font-size:0.85em;color:#888;} .lightBoxHolder h6 {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.25em; margin:0;padding:15px 0 10px 10px; } .lightBoxHolder div.left {width:130px;text-align:right;padding-right:10px;padding-top:15px;float:left;} .lightBoxHolder div.right {width:360px;float:right;padding-top:10px;} .lightBoxHolder div.right input.button {padding:0;} .lightBoxHolder span.content {margin-left:10px;width:60px;margin-right:10px; font-size:1em;} .lightBoxHolder div.right div.twoCol {width:160px;float:left;padding:3px 0 0 0;font-size:0.85em;} .lightBoxHolder div.right div.checkBoxField, .lightBoxHolder div.right div.radioField {padding:5px 0 0 0;} /* aspect des formulaires dans les lightboxes */ .lightBoxHolder form.textual textarea {width:340px;margin:0;} /* aspect de la liste de toutes les offres (lightbox) */ /*div#allOffers ol.offers div {border:1px solid red;} */ div#allOffers div.offerPrice {width:140px;} div#allOffers div.offerDetails {width:90px;padding-top:20px;} div#allOffers div.offerReseller {width:120px;font-size:0.85em;letter-spacing:-0.05em;padding-top:20px;text-align:center;} div#allOffers div.offerBuy {width:140px;padding-top:10px;} div#allOffers div.offersLegend span.asterisque {padding:0 10px 0 0;} div#allOffers div.offersLegend span {padding:3px 0 0 0;} div#allOffers ol.offers {width:500px;} /*------------------------------------------------------------------------------ ELEMENTS SPECIFIQUES AUX PAGES DE PROFIL PUBLIC ET A LA SECTION MON RESEAU ------------------------------------------------------------------------------*/ /* Liste des profils */ ul.profileList {width:565px; padding:5px 0 20px 0;} ul.profileList li {width:260px;float:left;padding:0 20px 10px 0;} ul.profileList li span {display:block;font-size:0.85em; line-height:1.2em; color:#888;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;} ul.profileList li div.usrAvatar {float:left;padding:0 10px 0 0;} ul.profileList li div.usrAvatar a img { background:#FFF; border:none; padding:3px; } ul.profileList li div.usrAvatar a:hover img { background:#FFF; border:none; padding:3px; } ul.profileList li div.usrAvatar a { background:#D3D4CB; border-top:0px solid #D3D4CB; float:left; padding:3px; text-align:center; width:57px; } ul.profileList li div.usrAvatar a:hover { background:#C1C2BA; border-top:0px solid #C1C2BA; float:left; padding:3px; text-align:center; width:57px; } ul.profileList li div.usrDetails h4 {padding-bottom:2px;} ul.profileList div.nav {padding:10px 0 20px 0;float:left;width:100%;} /* organisation de l'espace de présentation dans le profil public */ div.whoIs {padding:15px 0 5px 0;width:100%;float:left;} div.whoIs div.usrData {float:left;} div.leftCol div.whoIs h1.textual {padding-left:0;padding-bottom:5px;} div.whoIs span.secondary {font-size:0.75em;color:#888;} p.stats {color:#888;font-size:1em;line-height:1.4em;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;width:450px;padding-bottom:5px;font-size:0.85em;} div.selfDescription {width:450px;font-family:Georgia,"Times New Roman",Times,serif; font-size:1.25em;padding:10px 15px;line-height:1.4em;border:1px solid #DDD;margin:5px 0 10px 0;background-color:#EFFFEF;} /* image de l'utilisateur dans son profil public */ div.whoIs div.usrAvatar {float:left;padding:0 10px 0 0;} div.whoIs div.usrAvatar a img { background:#FFF; border:none; padding:3px; } div.whoIs div.usrAvatar a:hover img { background:#FFF; border:none; padding:3px; } div.whoIs div.usrAvatar a { background:#D3D4CB; border-top:0px solid #D3D4CB; float:left; padding:3px; text-align:center; width:57px; } div.whoIs div.usrAvatar a:hover { background:#C1C2BA; border-top:0px solid #C1C2BA; float:left; padding:3px; text-align:center; width:57px; } /*------------------------------------------------------------------------------ ELEMENTS SPECIFIQUES AUX PAGES DE PROFIL PUBLIC ET A LA SECTION MON RESEAU ------------------------------------------------------------------------------*/ div.rightCol h3.home {font-family:Georgia,"Times New Roman",Times,serif; font-size:1.5em; padding:2px 0 10px 0px; margin:0;line-height:1.2em;} div.rightCol h4.home {font-family:Georgia,"Times New Roman",Times,serif; font-size:1.5em; padding:10px 0 5px 0px; margin:0;line-height:1.2em;} div.rightCol h5 { color:#333; padding:20px 0 10px 0; clear:both; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.25em; margin:0; } div.rightCol p.subtle {line-height:1.25em;color:#888;} div.rightCol p.home {line-height:1.25em;padding-bottom:5px;color:#333;} div.rightCol p.home span.contrast {color:#000;} /*------------------------------------------------------------------------------ ELEMENTS SPECIFIQUES AUX PAGES DE PROFIL PUBLIC ET A LA SECTION MON RESEAU ------------------------------------------------------------------------------*/ div.understandingShort {overflow:hidden;height:14em;} dl.understanding dd img {display:none;} div.understanding, div.understandingShort { color:#444; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1em;line-height:1.4em;padding:0 15px 0 0; } div.fullVersion {border-top:1px dashed #AAA;margin-right:20px;margin-top:10px;padding-top:10px;} /*div.understandingShort img {display:none;} div.more {border:1px solid #DDD;background-color:#DDD;color:#000;padding:0;width:550px;text-align:center;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif;font-size:0.85em;line-height:1em;}*/ div.understanding h4, div.understandingShort h4 { font-family:Georgia,"Times New Roman",Times,serif; font-size:1.35em; padding:20px 0 12px 10px; margin:0; } div.understanding img {float:left;padding:3px ;margin:3px 15px 10px 0;border:1px solid #DDD;} div.understandingShort img {/*float:left;padding:3px ;margin:3px 15px 10px 0;border:1px solid #DDD;*/display:none;} div.understanding em, div.understandingShort em {color:#000;font-weight:bold;font-style:normal;} /*div.understanding br {line-height:40px;width:10px;display:block;background-color:yellow;border:10px red solid;} */ div.rightCol p.legend {text-align:center;} div.rightCol h3.understanding {padding-top:5px;} h1.textual span.search {/*font-family:Georgia,"Times New Roman",Times,serif;*/font-size:0.6em;} h1.textual span.search {} /* ------------------------------------------------------------------------------ STYLE DES STATISTIQUES DE LA PAGE CAVE ET TASTING NOTES ------------------------------------------------------------------------------*/ div.statisticsSliderHolder {border-left:1px solid #DDD;float:right;width:313px;padding:0 10px 10px 0;} div.oneThirdSmallLeft {width:250px;float:left;margin:0 0 10px 0;padding:3px 0 8px 0;} div.caveEstimationHighlight {width:180px;text-align:left;border:1px solid #EEE;background:#FFC;padding:10px 15px;font-size:1em;} span.priceEstimation {font-family:'Georgia','Times New Roman','Times',serif;font-size:1.25em;} span.priceEstimationTrust {font-size:0.75em;color:#666;padding-left:3px;} div.otherWrittenStatistics p {} /*------------------------------------------------------------------------------ VARIATIONS DE STYLES SUR LES LABELS IMPORTANTS ------------------------------------------------------------------------------*/ h1 span.app,h3 span.app {font-size:0.9em;color:#444;} h1 span.cru,h3 span.cru {font-size:0.9em;color:#444;} h1 span.col,h3 span.col {font-size:0.9em;color:#444;} /*------------------------------------------------------------------------------ VARIATIONS DE STYLES SUR LES LIGHTBOXES (TINYBOX) ------------------------------------------------------------------------------*/ #tinybox {position:absolute; display:none; padding:10px; background:transparent url(../IMGS/CONSTRUCTION/preload.gif) no-repeat 50% 50%; z-index:2500 } #tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:2000} #tinycontent {background:#fff} .lightBoxHolder div.right p.extraInfo {border-top:1px solid #DDD;padding:5px 0 0 0;font-size:0.85em;color:#888;} .lightBoxHolder h6 {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.25em; margin:0;padding:15px 0 10px 10px; } .lightBoxHolder div.left {width:130px;text-align:right;padding-right:10px;padding-top:15px;float:left;} .lightBoxHolder div.right {width:360px;float:right;padding-top:10px;} .lightBoxHolder div.right input.button {padding:0;} .lightBoxHolder span.content {margin-left:10px;width:60px;margin-right:10px; font-size:1em;} .lightBoxHolder div.right div.twoCol {width:160px;float:left;padding:3px 0 0 0;font-size:0.85em;} .lightBoxHolder div.right div.checkBoxField, .lightBoxHolder div.right div.radioField {padding:5px 0 0 0;} .lightBoxHolder form.textual textarea {width:340px;margin:0;}