/* -------------------------------------------------------- Main stylesheet Site: mahaloola.COM Created by: Martin Gauthier - martin@codemountain.ca Filename: css/main.css -------------------------------------------------------- */ /* ------------------------------------------- COMMON DEFINITIONS WEBSITE STRUCTURE -------------------------------------------*/ .center_container {margin-left:auto; margin-right:auto;text-align:left;position:relative;width:995px; border:0px solid #d4cbb8;} .bot1{position: absolute; bottom:0; left:0} .right1{position: absolute; bottom: 0; right: 0} .left1{position: absolute; bottom: 0; left: 0; z-index: 0} .content_container1{height: 570px; margin-top:15px; margin-bottom:15px} .content_left1{position: relative; float:left; border: 0px solid red; width: 495px !important; width: 500px; height: 565px;} .content_left2{position: relative; float:left; border: 0px solid red; width: 495px !important; width: 500px; height: 565px;} .content_left3{position: relative; float:left; border: 0px solid red; width: 995px !important; width: 1000px; height: 565px;} .content_right1{position: relative; float:right; border: 0px solid #fff; width: 495px; height: 565px;} .content_right2{position: relative; float:right; border: 0px solid #fff; width: 495px; height: 565px;} .clearall{clear: both} .red1{position: relative; width: 495px; height: 565px !important; height: 569px; border: 1px solid #6e0808; background-image: url(../../img/boxred_back1.png); background-repeat: repeat; margin:0;padding:0} .red2{position: relative; width: 495px; height: 421px !important; height: 428px; border: 1px solid #6e0808; background-image: url(../../img/boxred_back1.png); background-repeat: repeat; margin:0;padding:0} .red3{position: relative; width: 990px; height: 565px !important; height: 569px; border: 1px solid #6e0808; background-image: url(../../img/boxred_back1.png); background-repeat: repeat; margin:0;padding:0} .black1{position: relative; width: 495px; height: 135px !important; height: 135px; border: 1px solid #292929; background-image: url(../../img/boxgrey_back1.png); background-repeat:repeat-x; margin:0;padding:0; margin-bottom:7px;} .title1{position: relative; margin-top:84px; margin-left:44px; margin-bottom:30px;} .title2{position: relative; margin-top:21px; margin-left:44px; margin-bottom:8px;} .title3{position: relative; margin-top:84px; margin-left:44px; margin-bottom:20px;} .content1{width: 415px; margin-left:44px;} .content1 ul{margin-left: 0; padding-left:17px} .content1 table{width:420px; line-height: 20px; font-size: 14px} td.menuleft{width: 390px;} .pages{color:#cc1900; font-weight: bold; position: absolute; bottom:47px; left:44px;} .pageNav{ padding:2px; padding-left:5px; padding-right: 5px; background-color: #000; border: 1px solid #000; margin-left:5px; line-height: 20px; height: 20px; color:#333333; cursor: pointer} .pageNav.active{color:#cc1900; border: 1px solid #cc1900} .pageNav:hover{color:#fff} .corners1{position: absolute; width: 50px; height: 50px;background-repeat: no-repeat} .corners1.tl{top:0px;left:0px; background-image: url(../../img/corner_tl.png); } .corners1.tr{top:0px;right:0px; background-image: url(../../img/corner_tr.png); } .corners1.bl{bottom:0px;left:0px; background-image: url(../../img/corner_bl.png); } .corners1.br{bottom:0px;right:0px; background-image: url(../../img/corner_br.png); } #top_container{position: relative; width: 100%; text-align: center; height: 200px; border: 0px solid #fff} #top_content{height: 200px;} #logo_main{position: absolute; top:30px; left:-5px} #header_main{position: absolute; top:0; right:-100px} #menu_container{position: relative; width: 100%; text-align: center; height: 27px; background-image: url(../../img/back-bar1.gif); background-repeat: repeat; border: 0px solid red} #bot_container{position: relative; width: 100%; text-align: center; height: 30px; border-bottom: 1px solid #660700; border-top: 1px solid #660700} /* ------------------------------------------- global menu navigation styling -------------------------------------------*/ #globaltop { height:27px; font-size:12px;font-weight:normal; width:995px; border: 0px solid red; overflow: hidden; z-index: 80; } #globaltop #topnav{ margin: 0; padding: 0; } #globaltop #topnav li {list-style:none; display:inline; text-align: center; height: 27px; } #globaltop #topnav li a { float: left; padding-top: 5px; overflow: hidden; outline:none; background-image:url(../../img/menu_back_off.gif);background-repeat:repeat; border-right: 1px solid #b8b8b8; } body.fr #globaltop #topnav li a {padding-bottom:10px; padding-right:18px; padding-left:18px;} body.en #globaltop #topnav li a {padding-bottom:10px; padding-right:24px; padding-left:23px;} body.fr #globaltop #topnav li#nav-menu a{padding-left:25px !important; padding-right:25px !important; padding-left:25px;padding-right:25px;} body.en #globaltop #topnav li#nav-menu a{padding-left:21px !important; padding-right:20px !important; padding-left:25px;padding-right:25px;} #globaltop #topnav li a.first{ border-left: 1px solid #b8b8b8;} #globaltop #topnav li a.music, #globaltop #topnav li a.music img{ padding: 0 !important; padding:0; padding-bottom:2px; } #globaltop #topnav li a:link, #globaltop #topnav li a:visited, #globaltop #topnav li a:active {color:#545454; font-style: normal; font-weight: bold; text-decoration: none} #globaltop #topnav li a:hover, #globaltop #topnav li a.selected {background-image:url(../../img/menu_back_selected.gif); color:#d53131} #globaltop.nav-home #topnav li#nav-home a , #globaltop.nav-menu #topnav li#nav-menu a , #globaltop.nav-table #topnav li#nav-table a , #globaltop.nav-vins #topnav li#nav-vins a , #globaltop.nav-groupe #topnav li#nav-groupe a , #globaltop.nav-medias #topnav li#nav-medias a , #globaltop.nav-emporter #topnav li#nav-emporter a , #globaltop.nav-jobs #topnav li#nav-jobs a , #globaltop.nav-liens #topnav li#nav-liens a , #globaltop.nav-contact #topnav li#nav-contact a {background-image:url(../../img/menu_back_selected.gif); color:#d53131} #bot_menu{margin:0;padding:0; list-style: none; padding-top:7px;} #bot_menu li{list-style:none; text-align:right;display: inline; float: right; padding-left:10px;padding-right:10px; ;border-right:1px solid #470300; color:#999999} #bot_menu li.first{border-right: 0px; padding-right: 0} a#lang{position: absolute; left:0; top:7px} div.thumbnav{position: relative;width: 71px !important; width:66px; float: left; margin-right:5px;} div.thumbnav ul{margin:0;padding:0; list-style: none; margin-left:2px;} div.thumbnav ul li{float: left; margin-bottom:3px !important; margin-bottom: 7px;} div.thumbnav ul li.last{margin-bottom:0px;} div.thumbnav ul li img{cursor: pointer; border: 2px solid #b21400; } div.thumbnav ul li:hover img, div.thumbnav ul li img.active{border-color: #eaeaea} div.img_container{position: relative;width: 200px; float: left;} div.img_container img{border: 1px solid #b21400; height: 565px !important; height: 567px;position: absolute; top:0;left:0} div.img_container2{position: relative; text-align: right} div.img_container2 img{border: 1px solid #b21400; height: 565px !important; height: 567px;} ul.menuresto1{margin:0;padding:0;list-style: none; display: block; clear: both; margin-left:44px; margin-bottom:22px; position: relative} ul.menuresto1.last{margin-bottom:0; line-height:0} ul.menuresto1 li{cursor: pointer; display: inline; float:left; padding-right:10px; margin-right:10px; border:0; border-right:1px solid #991000; color: #991000; font-weight: bold; line-height: 15px; font-size: 14px;} ul.menuresto1.last li{margin-bottom0;padding-bottom:0} ul.menuresto1 li.last{padding-right: 0; border-right: 0px;margin-right:0;} ul.menuresto1 li:hover, ul.menuresto1 li.active{color:#ff2200} /*PAGE SPECIFIC STUFF*/ #table_date{position: absolute; left:44px; top:44px;} #labelImg{z-index: 500; position: absolute; top:240px; left:420px; width: 261px; height: 246px; border: 1px solid #000; background-color: #fff;} #close_label{cursor: pointer; position: absolute; bottom:10px; right: 10px} img.wineLabel{cursor: pointer; display: none} body#medias .content1 h2{margin-left:0px;} ul.pdflist{ list-style: none; padding-left: 0px;} ul.pdflist li{background-image: url(../../img/icn_pdf.png); background-repeat: no-repeat; background-position: left center; padding-left:55px; padding-top: 5px; padding-bottom: 3px; line-height: 22px; margin-left: 0} ul.pdflist li:hover{background-image: url(../../img/icn_pdf_on.png); } ul.pdflist li a:link, ul.pdflist li a:active, ul.pdflist li a:visited, ul.pdflist li a:hover{font-weight: bold;} body#emplois .content1 ul{list-style: none; padding-left:0} body#emplois .content1 ul li{margin-bottom:25px;} body#emplois .black1 p{margin-left: 44px; margin-top:20px;} #maplink {} #maplink img{border:1px solid #cc1900;margin-top: 20px;} #photos1{width: 900px;} #photos1 a img{border: 2px solid #b21400; margin-left:5px; margin-top:5px } #photos1 a:hover img{border-color: #eaeaea}