/* $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ .body_text { padding-top:0px; padding-bottom:0px; padding-right:0px; padding-left:20px; } .body_text_left { padding-top:0px; padding-bottom:0px; padding-right:20px; padding-left:0px; } .smallText { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 14px; background: transparent; } .boxText { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; } .errorBox { font-family : "Myriad Pro", "Trebuchet MS", Tahoma; font-size : 10px; background: #ffb3b5; font-weight: bold; } .stockWarning { font-family : "Myriad Pro", "Trebuchet MS", Tahoma; font-size : 10px; color: #cc0033; } .productsNotifications { background: #f2fff7; } .orderEdit { font-family : "Myriad Pro", "Trebuchet MS", Tahoma; font-size : 10px; color: #70d250; text-decoration: underline; } BODY { background-color:#F4F4F4; /* background: red transparent url(/images/kidybio/design/body.jpg); */ color: #000000; } A { color: #000000; text-decoration: none; } A:hover { color: #4F94B0; text-decoration: underline; } a img { border: none ; } FORM { display: inline; } TR.header { background: #FFFFFF; } .headerLink a{ font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 90%; color: #000000; } .headerLink a:hover{ color: #ff9405; } .headerLink_kidybio a{ font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 8pt; color: #000000; position: 1000px; } .headerLink_kidybio a:hover{ color: #ff9405; } TR.headerNavigation { background: #000000; } TD.headerNavigation { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; background: #c5e5e5; color: #ffffff; font-weight : bold; } A.headerNavigation { color: #ffffff; } A.headerNavigation:hover { color: #ffffff; } TR.headerError { background: #ff0000; } TD.headerError { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center; } TR.headerInfo { background: #00ff00; } TD.headerInfo { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; } .header_visuel { text-align: left; vertical-align: bottom; } .footerwrapper { width: 100%; background-color: #B2F0FF; background-image: url("./images/kidybio/design/Footer2.jpg"); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; display: block; } .footer { line-height: 1em; color: #999999; width: 1000px; margin-top: 0pt; margin-right: auto; margin-bottom: 0pt; margin-left: auto; height: 284px; padding-top: 100px; display: block; } td.footer { line-height: 1em; color: #999999; width: 1000px; margin-top: 0pt; margin-right: auto; margin-bottom: 0pt; margin-left: auto; height: 384px; padding-top: 100px; display: block; } .columnWrapperFooter { width: 1000px; margin-bottom: 40px; display: block; } .colOneFooter { float: left; width: 155px; margin-right: 20px; display: block; } .colTwoFooter { float: left; width: 155px; margin-right: 20px; display: block; } .colThreeFooter { float: left; width: 155px; margin-right: 20px; display: block; } .colFourFooter { float: left; width: 155px; display: block; } .colFiveFooter { float: right; width: 220px; color: #000000; line-height: 1.8em; display: block; } .colAllFooter { color: #000000; line-height: 1.8em; display: block; padding-top: 20px; width: 1000px; float: right } .pageFooter ul { padding: 0; margin: 0; list-style-type: none; } .pageFooter li { list-style-type: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C54222; display: block; padding-top: 0pt; padding-right: 0pt; padding-bottom: 3px; padding-left: 0pt; margin-top: 0pt; margin-right: 0pt; margin-bottom: 3px; margin-left: 0pt; } .pageFooter_Title { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; background: transparent; color: #000000; font-weight: bold; float: left; } .footerNavigation { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 11px; background: transparent; color: #000000; font-weight: normal; line-height: 1.2em; } .adressFooter_Text { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 11px; background: transparent; color: #000000; font-weight: normal; line-height: 1.2em; } A.footerNavigation { color: #000000; } A.footerNavigation:hover { color: #C54222; } .subfooterwrapper { background-image: url(./images/kidybio/design/subfooter.png); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; display: block; width: 100% } .subfooter { line-height: 1em; color: #999999; margin-right: auto; margin-left: auto; width: 1000px; margin-bottom: 0pt; margin-top: 0pt; height: 284px; padding-top: 10px; display: block; } td.subfooter { line-height: 1em; color: #999999; width: 1000px; margin-top: 0pt; margin-right: auto; margin-bottom: 0pt; margin-left: auto; height: 384px; padding-top: 10px; display: block; } .columnWrappersubFooter { width: 1000px; margin-bottom: 40px; display: block; } .alaune { float: left; width: 330px; margin-right: 70px; display: block; } .article { float: left; width: 250px; margin-right: 30px; display: block; } .video { float: left; width: 250px; margin-right: 0px; display: block; } .infoBox { background: transparent; } .infoBoxGrey { background: transparent; } .infoBoxGreyRight { background-image: url("./images/kidybio/design/vr_dots2.gif"); background-repeat: repeat-y; background-position: 0px; } .infoBoxContents { background: transparent; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 14px; text-align: left; padding-right: 25px; } .infoBoxContentsGrey { background: transparent; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; } .infoBoxNotice { background: #FF8E90; } .infoBoxNoticeContents { background: #FFE6E6; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 11px; } TD.BoxHeadingSearch { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; color: #FFFFFF ; } A.BoxHeadingSearch { color: #000000; text-decoration: none; } A.BoxHeadingSearch:hover { color: #AABBDD; text-decoration: underline; } TD.infoBoxHeading { color: #b5194c; font-size: 20px; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-weight: normal; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-right: 20px; margin-bottom: 20px; padding-right: 10px; padding-bottom: 10px; height: 60px; border-bottom: 1px solid #d8d8d8 } .infoBoxHeading a{ font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 20px; font-weight: normal; background: transparent; color: #B5194C; } TD.infoBoxHeading_Box { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 20px; font-weight: normal; background: transparent; color: #B5194C; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #585858; padding-bottom: 10px; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; margin-right: 20px; } TD.infoBoxHeadingGreyRight { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; font-style:italic; font-weight: bold; background-image: url("./images/kidybio/design/vr_dots2.gif"); background-repeat: repeat-y; background-position: 0px; color: #000000; } TD.infoBoxHeadingWhite { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; font-weight: bold; background: transparent; color: #000000; } TD.infoBox, SPAN.infoBox { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 11px; } TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: transparent; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { background: transparent; } TABLE.productListing { background: transparent; } .productListing-heading { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 20px; font-weight: normal; background: transparent; color: #B5194C; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8d8d8; padding-bottom: 10px; margin-bottom: 20px; padding-right: 10px; margin-right: 20px; } TD.productListing-data { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 14px; } A.pageResults { color: #0000FF; } A.pageResults:hover { color: #0000FF; background: #FFFF33; } TD.pageHeading, DIV.pageHeading, H1.pageHeading { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 20px; font-weight: bold; color: #C54222; } TD.pagesubHeading, DIV.pagesubHeading, h2.pagesubHeading { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 15px; font-weight: bold; color: #c7dc67; } TD.pagePrice, DIV.pagePrice { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 20px; color: #585858; } TR.subBar { background: #f4f7fd; } TD.subBar { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; color: #000000; } TD.main, P.main { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 14px; line-height: 1.5; color:#585858; } TD.smallText, SPAN.smallText, P.smallText { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 14px; } TD.accountCategory { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 13px; color: #aabbdd; } TD.fieldKey { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; font-weight: bold; } TD.fieldValue { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; } TD.tableHeading { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; font-weight: bold; } SPAN.newItemInCart { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; color: #ff0000; background: transparent; } CHECKBOX, INPUT, RADIO, SELECT { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 11px; } TEXTAREA { width: 100%; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 11px; } SPAN.greetUser { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; color: white; font-weight: bold; } TABLE.formArea { background: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; } TD.formAreaTitle { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; font-weight: bold; } SPAN.markProductOutOfStock { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; color: #c76170; font-weight: bold; } SPAN.productSpecialPrice { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; color: #ff0000; } SPAN.productSpecialPercent { font-family: Verdana, Arial, sans-serif; color: #ffff33; background: url(images/badge.png) no-repeat; background-position: 28 15px; padding: 30px; text-decoration: blink; height: 58px; font-size:18px; } SPAN.productSpecialPercent_listing { font-family: Verdana, Arial, sans-serif; color: #ff0000; text-decoration: blink; } SPAN.errorText { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; color: #ff0000; } .moduleRow { } .moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; } .moduleRowSelected { background-color: #E9F4FC; } .checkoutBarFrom , .checkoutBarTo { font-family: "Myriad Pro","Trebuchet MS",Tahoma; font-size: 14px; background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #585858; font-weight: normal; line-height: 3em; text-align: left; vertical-align: middle; } .checkoutBarFrom a, .checkoutBarTo a { font-family: "Myriad Pro","Trebuchet MS",Tahoma; font-size: 14px; background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #585858; font-weight: normal; line-height: 3em; text-align: left; vertical-align: middle; } .checkoutBarFrom a:hover, .checkoutBarTo a:hover { text-decoration: none; background-color: #c7dc67; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; } .checkoutBarCurrent { font-family: "Myriad Pro","Trebuchet MS",Tahoma; font-size: 18px; background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; color: #b5194c; font-weight: normal; line-height: 3em; text-align: left; vertical-align: middle; } /* message box */ .messageBox { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; } .messageStackError, .messageStackWarning { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; background-color: #ffb3b5; } .messageStackSuccess { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; background-color: #99ff00; } /* input requirement */ .inputRequirement { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 10px; color: #ff0000; } .hr { background-image: url("./images/kidybio/dot2.gif"); background-repeat: repeat-x; height: 1px; margin: 5px; overflow: hidden; } /* environnement */ #btmWrapper { padding-left: 10px; padding-top: 20px; } #features { width: 180px; margin-left: 0px; margin-right: 10px; float: left; padding-left: 10px; background-image: url("./images/kidybio/design/vr_dots2.gif"); background-repeat: repeat-y; background-position: 0px; font-size:10pt; color:#585858; } #features .hr{ margin: 0px; } #recentEssays { width: 180px; margin-left: 0px; float: left; padding-left: 10px; background-image: url("./images/kidybio/design/vr_dots2.gif"); background-repeat: repeat-y; background-position: 0px; font-size:10pt; color:#585858; } #textWrapper { width: 800px; float: left; margin-top: 5px; padding-left:5px; margin-right: 5px; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; /*padding-bottom: 25px;*/ } .moreLink { color: #8BB32B; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-weight: bold; } #textWrapper .moreLink { color: #8BB32B; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; } .vr { margin-left: 2px; margin-right: 2px; margin-bottom:50px; } .featureText { float: left; margin-top: 5px; margin-bottom: 5px; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 11px; line-height: 16px; color: #585858; } #whatWeDoWrapper { width: 400px; margin-right: 5px; float: left; font-size:13px; color:#585858; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; } #whatWeDoWrapper .whatWeDoIntro { /* color: #000000; per M.E., no Verdana black on site (mantis 0799) */ } ul.sitemap { color: #8bb32b; } p.contour { text-align: left; border: 1px solid #8BB32B; padding: 5px; margin: 0px; } /* Points/Rewards Module V2.1rc2a BOF */ SPAN.pointWarning { color: #f00; } .pointFaq { background-color:transparent; border: 1px dashed #8BB32B; display: none; position: relative; padding:4px; margin:2px; text-align:justify; } /* Points/Rewards Module V2.1rc2a EOF */ .titre { background-color: transparent; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; text-align: right; vertical-align: top; color: #3E0000; font-size: 40px; } .titre_header { background-color: transparent; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; text-align: right; vertical-align: bottom; padding-bottom: 100px; color: #B5194C; font-size: 40px; } .sub_header { background-image: url("./images/kidybio/design/bg_sub_header.png"); background-repeat: repeat-x; background-position: bottom; padding-bottom: 10px; } .sub_header2 { background-image: url("./images/kidybio/design/bg_sub_header.png"); background-repeat: repeat-x; background-position: bottom; padding-bottom: 10px; } .subHeader_title { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; text-align: left; font-weight: normal; font-style: normal; color: #B5194C; font-size: 18px; padding-top: 8px; } .Header_title { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; text-align: right; font-weight: normal; font-style: normal; color: #3E0000; font-size: 20px; } .Header_title1 { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; text-align: left; vertical-align: top; font-weight: normal; font-style: normal; color: #585858; font-size: 20px; } .full_width_button { background-image: url("./images/kidybio/design/full-width-button.png"); background-position: top center; background-repeat: no-repeat; line-height: 2em; color: #999999; width: 946px; height: 106px; padding-top: 25px; padding-bottom: 25px; } .colOnefull_width_button { width: 692px; margin-right: 25px; margin-left: 25px; } .colTwofull_width_button { width: 280px; margin-right: 25px; margin-left: 25px; padding-bottom: 25px; } .colThreefull_width_button { float: right; width: 26px; margin-right: 25px; margin-left: 25px; padding-bottom: 25px; } .full_width_button_text { background-color: transparent; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; text-align: center; color: #B5194C; font-size: 36px; display: block; } .full_width_button_text2 { background-color: transparent; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; text-align: center; color: #B5194C; font-size: 22px; display: block; } .full_width_button_text3 { background-color: transparent; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; text-align: center; color: #F4F4F4; font-size: 26px; display: block; vertical-align: middle; padding-top: 10px } .Menu { background: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8d8d8; display: block; padding-top: 0pt; padding-right: 0pt; padding-bottom: 3px; padding-left: 0pt; margin-top: 0pt; margin-right: 0pt; margin-bottom: 3px; margin-left: 0pt; } .Menu:hover { text-decoration: none; color: #C54222; background-image: url("./images/kidybio/design/px_gris.png"); } .MenuNavigation { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 18px; background: transparent; color: #000000; font-weight: normal; line-height: 3em; text-align: left; vertical-align: middle; } .MenuNavigation a { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 18px; background: transparent; color: #000000; font-weight: normal; line-height: 3em; text-align: left; vertical-align: middle; } A.MenuNavigation_img { border: none; } A.MenuNavigation_img:hover { background: #C7DC67; } .MenuNavigation_categorie { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 18px; background: transparent; color: #000000; font-weight: normal; line-height: 3em; text-align: left; vertical-align: middle; background-image: url("./images/kidybio/design/right.png"); background-position: bottom left; background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8d8d8; } .MenuNavigation_categorie a { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 18px; background: transparent; color: #000000; font-weight: normal; line-height: 3em; text-align: left; vertical-align: middle; background-image: url("./images/kidybio/design/right.png"); background-position: bottom left; background-repeat: no-repeat; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8d8d8; } A.MenuNavigation_categorie:hover { text-decoration: none; color: #C54222; } A.MenuNavigation_categorie_img { border: none; } A.MenuNavigation_categorie_img:hover { background: #C7DC67; } .smallText_Presentation { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 12px; color: Black; text-align: left; padding-bottom : 4px; } .smallText_Presentation:first-letter { font: italic 20px "Myriad Pro", "Trebuchet MS", Tahoma; } .smallText_header { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 11px; color: Black; text-align: left; } .smallText_header:first-letter { font: italic 20px "Myriad Pro", "Trebuchet MS", Tahoma; } .titre1_guide { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 22px; font-weight: normal; background: transparent; color: #B5194C; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #585858; padding-bottom: 10px; margin-bottom: 20px; padding-right: 10px; margin-right: 20px; } .titre1_guide a { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 20px; font-weight: normal; background: transparent; color: #B5194C; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8d8d8; padding-bottom: 10px; margin-bottom: 20px; padding-right: 10px; margin-right: 20px; } .titre2_guide { font-weight: bold; font-size:12.0pt; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; color:#585858; background: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d8d8d8; padding-bottom: 10px; margin-bottom: 20px; padding-right: 10px; margin-right: 20px; } .Avantages a { text-align: left; padding: 20px; padding-left: 125px; font-size: 18.0pt; font-family: "Myriad Pro", "Trebuchet MS", Tahoma; color:#000000; background: transparent; } .Avantages_text { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 14px; background: transparent; padding-left: 125px; } .Avantages_text a { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 14px; background: transparent; color:#000000; } .Avantages1 { width: 750px; height: 150px; background: transparent; background-image: url("./images/kidybio/design/Avantages1_facebook.png"); background-repeat: no-repeat; padding-top: 25px; } .Avantages2 { width: 380px; height: 150px; background: transparent; background-image: url("./images/kidybio/design/Avantages2_cheques.png"); background-position: top left; background-repeat: no-repeat; padding-top: 25px; } .Avantages3 { width: 380px; height: 150px; background: transparent; background-image: url("./images/kidybio/design/Avantages3_cadhoc.png"); background-position: top left; background-repeat: no-repeat; padding-top: 25px; } .Avantages4 { width: 380px; height: 150px; background: transparent; background-image: url("./images/kidybio/design/Avantages4_message.png"); background-position: top left; background-repeat: no-repeat; padding-top: 25px; } .Avantages5 { width: 350px; height: 150px; background: transparent; background-image: url("./images/kidybio/design/Avantages5_points.png"); background-position: top left; background-repeat: no-repeat; padding-top: 25px; } .Avantages6 { width: 350px; height: 150px; background: transparent; background-image: url("./images/kidybio/design/Avantages6_parrainage.png"); background-position: top left; background-repeat: no-repeat; padding-top: 25px; } .Avantages7 { width: 350px; height: 150px; background: transparent; background-image: url("./images/kidybio/design/Avantages7_wishlist.png"); background-position: top left; background-repeat: no-repeat; padding-top: 25px; } .colAvantages { float: left; width: 100%px; } .colOneAvantages { float: left; width: 350px; } .colTwoAvantages { float: right; width: 350px; } .columnWrappersub_header { width: 1000px; margin-bottom: 20px; margin-top: 20px; display: block; } .banniere_3 { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/kidybio/design/picture-frame.png) no-repeat scroll 0 0; height:180px; padding:3px 5px 0 0px; width:320px; display: block; float: left; text-align: center; border-left: 20px; } .banniere_1 a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/kidybio/design/picture-frame.png) no-repeat scroll 0 0; height:180px; padding:3px 5px 0 0px; width:320px; display: block; float: left; text-align: center; border-left: 20px; } .box1 { background-image: url("./images/kidybio/design/box1.png"); background-position: top center; background-repeat: no-repeat; } .box2 { background-image: url("./images/kidybio/design/box2.png"); background-position: bottom center; background-repeat: no-repeat; } .box3 { background-image: url("./images/kidybio/design/box3.png"); background-position: top center; background-repeat: no-repeat; } .invisible { background: transparent; color: #F4F4F4; } #fixedmenu { position: fixed; bottom: 20px; right: 20px; width: 16px; background: transparent; } #fixedmenu a, #fixedmenu a:hover { text-decoration: none; display: block; width: 16px; height: 16px; overflow: hidden; font-size: 40px; line-height: 1; margin: 0 auto; } #fixedmenu ul, #fixedmenu li { list-style-type:none; margin: 5px 0; padding: 0; } #fixedmenu #home { background: transparent url("./images/home.png") no-repeat; } #fixedmenu #up { background: transparent url("./images/up.png") no-repeat; } #fixedmenu #down { background: transparent url("./images/down.png") no-repeat; } #fixedmenu #rss { background: transparent url("./images/rss.png") no-repeat; } #fixedmenu #email { background: transparent url("./images/email.png") no-repeat; } #fixedmenu #favoris { background: transparent url("./images/favoris.png") no-repeat; } .blockquote { font: 14px/1.6em "Myriad Pro", "Trebuchet MS", Tahoma; width: 400px; background: url(images/close-quote.gif) no-repeat right bottom; padding-left: 18px; text-indent: -18px; } .blockquote:first-letter { background: url(images/open-quote.gif) no-repeat left top; padding-left: 18px; font: italic 17px "Myriad Pro", "Trebuchet MS", Tahoma; } .warning { font: 14px "Myriad Pro", "Trebuchet MS", Tahoma; background: url(images/warning.png) no-repeat left top; padding-left: 55px; height: 55px; } .TopMenu { background-image: url(./images/kidybio/design/Menu.jpg); background-repeat: repeat-x; } .average_rate{margin:5px 0 0 0;line-height:16px;overflow:hidden;padding-top:5px; border-top-width: 1px; border-top-style: solid; border-top-color: #cccccc;} .average_rate2{margin:5px 0 0 0;line-height:16px;overflow:hidden;} .average_rate p.links{float:left;height:16px;padding:0;margin:0;} .average_rate p.links a{color:#03C;line-height:16px;text-decoration:underline;font-size:11px;} .note_0 p.links{line-height:16px;padding:1px 0 0;} .star-rating {background:url(./images/kidybio/rate.PNG) no-repeat;width:80px;height:16px;} .star-rating {float:left;overflow:hidden;margin:0 5px 0 0;padding:0;} .star-rating {padding:0;text-indent:-1000em;height:16px;outline:none;border:none;} .star-rating {z-index:1;} .note_0 { background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; width:0;height:0;background-position:0 0px;} .note_0_5 { background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -16px;} .note_1 { background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -32px;} .note_1_5 { background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -48px;} .note_2 { background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -64px;} .note_2_5 {background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -80px;} .note_3 {background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -96px;} .note_3_5 {background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -112px;} .note_4 {background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -128px;} .note_4_5 {background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -144px;} .note_5 {background:url(./images/kidybio/rate.PNG) no-repeat; width:80px; height:16px; background-position:0 -160px;} .rating_heading { font-family: "Myriad Pro", "Trebuchet MS", Tahoma; font-size: 20px; font-weight: bold; color: #1790af;} /* star rating code - use lists because its more semantic */ /* No javascript required */ /* all the stars are contained in one matrix to solve rollover problems with delay */ /* the background position is just shifted to reveal the correct image. */ /* the images are 16px by 16px and the background position will be shifted in negative 16px increments */ /* key: B=Blank : O=Orange : G = Green * / /*..... The Matrix ....... */ /* colours ....Background position */ /* B B B B B - (0 0)*/ /* G B B B B - (0 -16px)*/ /* G G B B B - (0 -32px)*/ /* G G G B B - (0 -48px)*/ /* G G G G B - (0 -64px)*/ /* G G G G G - (0 -80px)*/ /* O B B B B - (0 -96px)*/ /* O O B B B - (0 -112px)*/ /* O O O B B - (0 -128px)*/ /* O O O O B - (0 -144px)*/ /* O O O O O - (0 -160px)*/ /* the default rating is placed as a background image in the ul */ /* use the background position according to the table above to display the required images*/ .rating{ width:80px; height:16px; margin:0 0 20px 0; padding:0; list-style:none; clear:both; position:relative; background: url(images/star-matrix.gif) no-repeat 0 0; } /* add these classes to the ul to effect the change to the correct number of stars */ .nostar {background-position:0 0} .onestar {background-position:0 -16px} .twostar {background-position:0 -32px} .threestar {background-position:0 -48px} .fourstar {background-position:0 -64px} .fivestar {background-position:0 -80px} ul.rating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; } ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; } ul.rating li.one a {left:0} ul.rating li.two a {left:16px;} ul.rating li.three a {left:32px;} ul.rating li.four a {left:48px;} ul.rating li.five a {left:64px;} ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(images/star-matrix.gif) no-repeat 0 0 } ul.rating li.one a:hover {background-position:0 -96px;} ul.rating li.two a:hover {background-position:0 -112px;} ul.rating li.three a:hover {background-position:0 -128px} ul.rating li.four a:hover {background-position:0 -144px} ul.rating li.five a:hover {background-position:0 -160px} .one_selected { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(images/star-matrix.gif) no-repeat 0 0; background-position:0 -96px; } .two_selected { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(images/star-matrix.gif) no-repeat 0 0; background-position:0 -112px; } .three_selected { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(images/star-matrix.gif) no-repeat 0 0; background-position:0 -128px; } .four_selected { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(images/star-matrix.gif) no-repeat 0 0; background-position:0 -144px; } .five_selected { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(images/star-matrix.gif) no-repeat 0 0; background-position:0 -160px; } .radio-Etoile{ position: absolute; left: 0; top: -999px; width: 1px; height: 1px; overflow: hidden; }