/* $Id: azimut.css,v 1.1 2007/02/13 20:11:58 francis Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ /*****************************************/ /* style propre au design de la boutique */ html{ position:relative} body{ position:relative;text-align:center;background: #195587;padding:0;margin:0;font: 10px "Myriad Pro", Geneva, sans-serif;color:#000} /******************** * Général * ********************/ TABLE{font-family: Verdana, Arial, Sans-serif; font-size:11px; color:#3D3D3D;} UL{ } UL.listProdDescription{ list-style: url(/catalog/img-azimut/list-image.gif); padding-left:15px;font-size: 9px} * html UL.listProdDescription{ list-style: url(/catalog/img-azimut/list-image-ie.gif);position:relative;left:-35px;margin-top: 10px} *+html UL.listProdDescription{ list-style: url(/catalog/img-azimut/list-image-ie.gif);position:relative;left:-35px;margin-top: 10px} LI{ font-family: 'Myriad Pro',arial, sans-serif; color: #3c78aa;line-height:14px } UL.listProdDescription LI{ font-family: 'Myriad Pro',arial, sans-serif; color: #3c78aa;line-height:14px;font-size:11px } h1,h2,h3,h4,h5,h6{ font-family:"Myriad Pro", Geneva, sans-serif;} H6{font-size:10px;color:#000000; font-style:normal; font-weight:bold;} H5{font-size:12px;color:#000000; font-style:normal; font-weight:bold;} H4{font-family:Arial, sans-serif;font-size:14px; font-weight:bold;color:#fec50b;line-height;16px} /*H4{font-size:14px;color:#000000; font-style:normal; font-weight:bold;}*/ H3{font-size:18px;color:#000000; font-style:normal; font-weight:bold;} H2{font-size:20px;color:#000000; font-style:normal; font-weight:bold;} H1{font-size:24px;color:#000000; font-style:normal; font-weight:bold;} a:link{color:#3c78aa;} a:visited{color:#3c78aa;} a:hover{color:#3c78aa;text-decoration:none} a:active{color:#3c78aa;} a u{ text-decoration:none} /******************** * Design du site * ********************/ h1{ font: bold 18px "Myriad Pro", Geneva, sans-serif;color:#3c78aa;letter-spacing:1px} h3{ font: normal 18px "Myriad Pro", Geneva, sans-serif;color:#fec50b} /* h4{ font: normal 14px "Myriad Pro", Geneva, sans-serif;color:#fec50b}*/ p{ font-family: arial, sans-serif} body img{ border:0} #MirabelMainTbl{ position:relative;text-align:left; margin:0 auto; background:#fff} #MirabelMainTbl tr, #MirabelMainTbl td{ position:relative} #TableFrm div.posDiv{ position:relative;width:100%;height:100%;padding:0;margin:0} #mirabelTopFemme{ width:186px; height:111px} #mirabelHeader{ position:relative; width: 614px; height:111px;background: #deceae url(../images/home-mirabel-top.gif) repeat-x} #mirabelOmbreDroite{ width:11px; vertical-align:bottom;background: #195587 url(../images/degrade-droit.jpg) repeat-y} #mirabelClinique{ width:186px;height:37px;background:#052d49; vertical-align:middle; text-align:center} #mirabelClinique h4{ vertical-align: middle;margin:0;padding:0;float:left;margin-left:15px;text-align:center;margin-top:3px} #mirabelClinique a{ display:inline;float:right;margin-right:10px;margin-top:5px} *+html #mirabelClinique a{ display:inline;float:right;margin-right:15px;margin-top:5px} * html #mirabelClinique h4{ margin-left:8px;text-align:left} * html #mirabelClinique a{ display:inline;float:right;margin-right:10px;margin-top:5px} /* #mirabelClinique h4{ vertical-align: middle;margin:0;padding:0;float:left;margin-left:20px;text-align:center;margin-top:3px} #mirabelClinique a{ display:inline;float:right;margin-right:15px;margin-top:4px} *+html #mirabelClinique a{ display:inline;float:right;margin-right:15px;margin-top:5px} * html #mirabelClinique h4{ margin-left:12px;margin-top:4px} * html #mirabelClinique a{ margin-right:13px;margin-top:5px} */ /* navigation du haut */ #mirabelTopNav{ position:relative;width:614px;height:37px;background:#3c78aa url(../images/inner-img/inner-bg-pale.jpg) repeat-x;text-align:left} #mirabelTopNav .posDiv{ position:relative;text-align:left;padding:0;width:614px} #mirabelTopNav .posDiv ul{ position:relative;list-style:none;padding:0;margin:0;margin-left:13px;width:600px} *+html #mirabelTopNav .posDiv ul{ margin-top:10px} * html #mirabelTopNav .posDiv ul{ margin-top:10px} #mirabelTopNav .posDiv ul li{ position:relative;float:left} #mirabelTopNav .posDiv ul li a{ display:block;padding:0px;font: 12px "Myriad Pro", Geneva, sans-serif;color:#fff;text-decoration:none;margin-top:1px} #mirabelTopNav .posDiv ul li.miraBar{ display:block;padding: 0 10px;color: #fff;font-size: 12px} #mirabelTopNav .posDiv ul li.miraLang{ display:block;padding: 0;pxcolor: #fff;font-size: 12px;position:absolute;right:40px;color:#fec50b} #mirabelTopNav .posDiv ul li.miraLang a{ display:block;padding:0px;font: 12px "Myriad Pro", Geneva, sans-serif;text-decoration:none;margin-top:1px;color:#fec50b} /* fin navigation du haut */ #mirabelLeftNav{ position:relative;background: #f4efe4;width:166px;min-height:300px;_height:300px;padding:20px 10px;} #mirabelMainFrm{ width: 588px; color:#3c78aa;padding: 20px 13px;min-height:300px;_height:300px;padding-bottom:50px} #mirabelMainFrm .posDiv{ position: relative;min-height:300px;height:100%} * html #mirabelMainFrm .posDiv{ height:100%px} /* navigation du bas */ #mirabelMainFrm .posDiv #footerMnu{ position:absolute;text-align:center;padding:0;width:590px;height:20px;bottom:-40px;left:0px;z-index:20} #mirabelMainFrm .posDiv #footerMnu ul{ position:absolute;top:0; left: 220px;list-style:none;padding:0;margin:0 auto;width:250px;height:15px;z-index:30} *+html #mirabelMainFrm .posDiv #footerMnu ul{ left: 220px} * html #mirabelMainFrm .posDiv #footerMnu ul{ left: 180px} #mirabelMainFrm .posDiv #footerMnu ul li{ position:relative;float:left} #mirabelMainFrm .posDiv #footerMnu ul li a{ display:block;padding:0px;font: bold 11px Myriad Pro,arial, sans-serif;color:#3c78aa;text-decoration:none;margin-top:1px} #mirabelMainFrm .posDiv #footerMnu ul li a:hover{ text-decoration:underline} #mirabelMainFrm .posDiv #footerMnu ul li.miraBar{ display:block;padding: 0 5px;color: #3c78aa;font-size: 12px} /* fin navigation du bas */ #mirabelBottomOmbre{ height:15px;background: #195587 url(../images/degrade-bas.jpg) repeat-x} #mirabelMainFrm .posDiv #footerMnu #divCopy{ font:10px arial, Geneva, sans-serif;color:#7e7e7e;position:relative; left:0px;float:left;} #mirabelMainFrm .posDiv #footerMnu #powerEd{ font: bold 11px arial, Geneva, sans-serif;color:#bbbabb;position:absolute; top:0; right:0px;} #mirabelMainFrm .posDiv #footerMnu #powerEd a{ font: bold 11px arial, Geneva, sans-serif;color:#bbbabb;text-decoration:none} /******************************/ /* fin style propre au design */ .searchButton{ color: #3c78aa;margin-left: 60px} .boxText { font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; padding:14px 10px 0px 5px;color:#3c78aa;} .boxText a{ font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; padding:14px 10px 0px 5px;color:#3c78aa;} .errorBox { font-family : Arial, Verdana, sans-serif; font-size : 10px; background: #cc0033; font-weight: bold; color:#fff; } .stockWarning { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #cc0033; } .productsNotifications { background: #EFF2F5; color:#4C509D;} .orderEdit { font-family : Arial, Verdana, sans-serif; font-size : 10px; color: #DD1A53; text-decoration: underline; } .small{font-family:Tahoma, Arial, Sans-serif;font-size:3px;} .contour{border-style:solid;border-width:1px;border-color:#594E4E;} .normal { font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; color:#000000;} /**********/ /* header */ TR.header {background: #FFFFFF;} TR.headerNavigation{background: #FFFFFF;} TD.headerNavigation{font-family:Arial, Verdana, sans-serif; font-size: 10px; color: #000000; font-weight :bold; text-transform:uppercase;} TD.headerNavigation2{font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; color: #C23031; font-weight : normal;} A.headerNavigation2{} A.headerNavigation2:link{} A.headerNavigation2:visited{} A.headerNavigation2:hover{} A.headerNavigation2:active{} A.headerNavigation:link { font-size: 12px; color: #007FBF; font-weight :bold; text-transform:uppercase; text-decoration:underline;} A.headerNavigation:visited { font-size: 12px; color: #007FBF; font-weight :bold; text-transform:uppercase; text-decoration:underline;} A.headerNavigation:hover { font-size: 12px; color: #007FBF; font-weight :bold; text-transform:uppercase; text-decoration:underline;} A.headerNavigation:active { font-size: 12px; color: #007FBF; font-weight :bold; text-transform:uppercase; text-decoration:underline;} TR.headerError{background: #b7252e;} TD.headerError{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 12px;background: #b7252e; color: #ffffff;font-weight : bold; text-align : center;} TR.headerInfo{background: #559745;} TD.headerInfo{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 12px;background: #559745;color: #ffffff;font-weight: bold;text-align: center;} /***********/ /* infobox */ TABLE.contourInfoboxGauche{border-style: solid;border-width: 0px; padding-bottom: 10px;} TABLE.contourInfoboxDroit{border-style: solid;border-width: 0px;padding: 0px;} TD.contourInfobox{border-style: solid;border-width: 0px;margin: 0px;padding: 0px;border-collapse: collapse;color:#4C509D; } TABLE.contourInfobox{padding:0px;} TABLE.TableBodyInt{border-width:0px;width:100%;border-spacing:0px;margin:0px;padding:0px;border-collapse:collapse;background-color:transparent;} .LoginBox{} .paddingInfobox{} .infoBox { width: 100%; color: #F2EDF1;} .infoBoxContents_grand{font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; width:100%; color: #000000;} .infoBoxContents{ font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; width: 100%; color: #000000;} .infoBoxContentsSpec{font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; border-style: solid; border-width:0px; width: 100%; color: #000000;} .infoBoxNoticeContents{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 10px;} TD.infoBoxHeading{font-family: "Myriad Pro", Verdana, sans-serif; padding-left:4px; font-size: 12px; font-weight: bold; color: #052d49; line-height:16px; } TD.infoBoxHeading form{ margin-left:-3px} TD.infoBoxHeadingSpec{font-family: 'Myriad Pro', Arial, sans-serif; font-size:9px; font-weight:normal; color:#B2B2B2; text-transform:uppercase; line-height:18px; padding-left:0px;letter-spacing:1px;} TR.infoBoxHeading{font-weight:bold; padding-left:0px; background-color:transparent;} TD.infoBox, SPAN.infoBox{font-family:Arial, Verdana, sans-serif; font-size:10px; border-width:0px; border-style:none;} a.infoBoxHeading:link{font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#E3000D; padding-left:10px; text-decoration:none;} a.infoBoxHeading:visited{font-family:Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold; color: #E3000D; padding-left:10px; text-decoration:none;} a.infoBoxHeading:hover{font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold; color: #E3000D; padding-left:10px; text-decoration:underline;} a.infoBoxHeading:active{font-family: Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; color: #E3000D; padding-left:10px; text-decoration:underline;} .PuceInfoboxLink{display:block; clear:both; float:left; border:0px solid #00ff00} TD.infoboxLink{padding-top:4px;} a.infoboxLink{font-family: "Myriad Pro",Arial, sans-serif;font-size: 12px;text-decoration: none; color: #3c78aa;padding:0;margin: 3px 0;display:block;float:none;clear:both} a.infoboxLink:hover{text-decoration: underline;} TD.infoboxLink2{padding-left:8px; } a.infoboxLink2:link{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 11px;text-decoration: underline; border:0px solid #ff0000; } a.infoboxLink2:visited{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 11px;text-decoration: underline; border:0px solid #ff0000;} a.infoboxLink2:hover{color:#cccccc;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 11px;text-decoration: underline; border:0px solid #ff0000; } a.infoboxLink2:active{color:#cccccc;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 11px;text-decoration: underline; border:0px solid #ff0000;} a.infoboxLink2Sel:link{color:#DE000F;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 11px;text-decoration: underline; font-weight:normal; border:0px solid #ff0000; } a.infoboxLink2Sel:visited{color:#DE000F;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 11px;text-decoration: underline; font-weight:normal; border:0px solid #ff0000; } a.infoboxLink2Sel:hover{color:#DE000F;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 11px;text-decoration: underline; font-weight:normal; border:0px solid #ff0000; } a.infoboxLink2Sel:active{color:#DE000F;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 11px;text-decoration: underline; font-weight:normal; border:0px solid #ff0000; } a.infoboxLinkover:link{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 12px;text-decoration: none;} a.infoboxLinkover:visited{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 12px;text-decoration: none;} a.infoboxLinkover:hover{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 12px;text-decoration: none;} a.infoboxLinkover:active{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 12px;text-decoration: none;} .infoboxLinkMainCatego{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 14px;font-weight:bold; min-height:17px; padding-top:4px; text-align:middle;} a.infoboxLinkMainCatego:link{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 14px; font-weight:bold; border:0px solid #ff0000; min-height:17px; padding-top:4px; text-align:middle;} a.infoboxLinkMainCatego:visited{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 14px; font-weight:bold; border:0px solid #ff0000; min-height:17px; padding-top:4px; text-align:middle;} a.infoboxLinkMainCatego:hover{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 14px;font-weight:bold; border:0px solid #ff0000; min-height:17px; padding-top:4px; text-align:middle;} a.infoboxLinkMainCatego:active{color:#ffffff;font-family:Arial, Verdana, Tahoma, sans-serif;font-size: 14px; font-weight:bold; border:0px solid #ff0000; min-height:17px; padding-top:4px; text-align:middle;} /*****************************************/ /*infobox pour la page recherche avancée */ .infoBox_search{background-color:transparent; border-style:solid ; border-width: 0px; width: 100%; color: #F2EDF1;} .infoBoxContents_search{background-color:transparent;font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; border-style: solid;border-width:0px; width: 100%; color: #F2EDF1;} .infoBoxNotice_search{background-color:transparent;} .infoBoxNoticeContents_search{background-color:transparent;font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px;} TD.infoBoxHeading_search{font-family:Arial, Verdana, sans-serif;font-size:10px;font-weight:bold; background:#cbd9e6 url(../images/td-bg.jpg) repeat-x 0 100%; color: #2d1e18; border-style:solid;border-width:0px; text-transform:uppercase; line-height:18px; padding-left:5px;} TR.infoBoxHeading_search{font-weight:bold; padding-left:5px;} TD.infoBox_search, SPAN.infoBox_search{font-family:Arial, Verdana, sans-serif; font-size:10px;border-width:0px;border-style:none;} /**********/ /* autres */ 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-color: #fec50b; } TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even { font-size:12px; } TR.productListing-heading{ background: #f1eadd;} TD.productListing-heading{font-family: 'Myriad Pro',Arial, sans-serif;font-size: 11px;color: #052d49;font-weight: normal;font-variant: small-caps; border-top-style: solid;border-bottom-style: solid;border-color: #195587;border-width: 1px;line-height:15px;} TD.productListing-data{ color:#3c78aa; font-family: 'Myriad Pro', Arial, sans-serif;font-size: 12px;border-style: none;border-bottom-style: solid; border-width: 1px; border-color: #195587;} TD.productListing-data a{ margin: 10px 0;} A.pageResults{color: #455997;} A.pageResults:hover{color: #455997;background: #FFFFFF;} TD.pageHeading, DIV.pageHeading{font-family: "Myriad Pro", Arial, sans-serif;font-size: 28px;font-weight: normal;color: #fec50b;} TD.pageHeading2, DIV.pageHeading2{font-family: "Myriad Pro", Arial, sans-serif;font-size: 14px;font-weight: normal;color: #2d1e18;padding-top:10px} .pageHeading{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 12px;font-weight: bold;color: #007FBF;} TR.subBar{background: #00009B;} TD.subBar{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 10px;color: #ADAEC9;} TD.main, P.main, TD.formMain{color:#3c78aa; font-family: 'Myriad Pro', Arial, sans-serif;font-size: 11px;line-height: 1.5;vertical-align: top;} TD.main a, P.main a, TD.formMain a{color:#3c78aa;} TD.main a:hover, P.main a:hover, TD.formMain a:hover{ color:#88accb;text-decoration:none} TD.smallText, SPAN.smallText, P.smallText{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 10px; color:#3c78aa;} TD.accountCategory{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 13px;color: #FF0000;} TD.fieldKey{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 10px; font-weight: bold;} TD.fieldValue{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 12px;} TD.tableHeading{font-family: 'Myriad Pro', Arial, sans-serif; font-size: 12px;font-weight: bold;} SPAN.newItemInCart{font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; color: #C33032;} a.aggrandir:link{ font-size:9px; text-decoration:none; color:#6D6D6F;} a.aggrandir:visited{font-size:9px; text-decoration:none; color:#6D6D6F;} a.aggrandir:hover{font-size:9px; text-decoration:none; color:#6D6D6F;} a.aggrandir:active{font-size:9px; text-decoration:none; color:#6D6D6F;} a.CategoLink{ font-family: 'Myriad Pro', arial, sans-serif;color:#2d1e18; font-weight:normal; font-size:14px; text-decoration:none;} a.CategoLink:hover,a.CategoLink:visited{color:#2d1e18;} a.CategoLink img{ margin-top: 10px;clear:both; float:none;} SPAN.greetUser{ color: #fec50b} TABLE.HeadingTitle{ border-width:0px;border-color:#6F6E73;border-style:none;text-align:left;width:100%;border-spacing:0px;margin:0px;} SPAN.markProductOutOfStock{font-family: 'Myriad Pro', Arial, sans-serif;font-size: 12px;color: #B7252E;font-weight: bold;} SPAN.productSpecialPrice{font-family: 'Myriad Pro', Arial, sans-serif;color: #ff0000;} SPAN.errorText{ font-family: 'Myriad Pro', Arial, sans-serif; color: #ff0000;} .shopCartContent{font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; width: 100%;} .moduleRow{ } .moduleRowOver { background-color: #CBCAC8; cursor: hand; } .moduleRowSelected { background-color: #B4B4B4; } .checkoutBarFrom, .checkoutBarTo { font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; color: #8c8c8c; } .checkoutBarCurrent { font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; color: #000000; } .ProductDesc{color:#007FBF; font-weight:bold;} /**************/ /* formulaire */ FORM {display: inline;} CHECKBOX, INPUT, RADIO, SELECT{font-family: 'Myriad Pro', Arial, sans-serif; font-size: 11px; color:#3c78aa;} SELECT{color:#3c78aa;} TEXTAREA{ width: 100%;font-family: 'Myriad Pro', Arial, sans-serif;font-size: 11px;color:#3c78aa;} TD.formAreaTitle{font-family: 'Myriad Pro', Arial, sans-serif; font-size: 12px; font-weight: bold; color:#3c78aa;} TABLE.formArea{ border-style: solid; border-width: 1px;} .Info{height:28px;padding:0px 20px 0px 0px;} /***********************/ /* pdf pour impression */ .txtImprime{ font-family: 'Myriad Pro', Arial, sans-serif; font-size: 10px; color:#000000;} a.articleTitle{font-family: 'Myriad Pro', Arial, sans-serif;color:#052d49;font-weight:bold;font-size:12px;text-decoration:none} a.articleTitle:visited{color:#052d49;} a.articleTitle:hover{color:#c1b295;} a.articleTitle:active{color:#052d49;} .tableImprime{border-style:solid;border-width:1px;border-color:1px;} /* special pour futon dans ie6 ... */ * html td.futon1{ position:relative;z-index:900000;padding:0; } * html td.futon1 p{ position:relative;z-index:900001;clear:both;margin: 0px 0 10px 0;} * html td.futon1 p a{ position:relative;z-index:900002; }