/* -------------------------------------------------------- Navigation menu stylesheet Site: PIMIENTO.CA/ Created by: Martin Gauthier - martin@codemountain.ca Filename: css/nav.css -------------------------------------------------------- */ /* -------------------------------------------------------- MAIN STYLING -------------------------------------------------------- */ body { background-color:#f15b2b; font-family:Arial, Helvetica, sans-serif; color:#636466; font-size:11px; font-weight:normal; line-height:16px; padding:0px; margin:0px; height:1500px; } a {outline:none;} a:link, a:visited, a:active {color:#636466;text-decoration:underline;} a:hover {color:#636466;text-decoration:none;} a.darklink:link, a.darklink:visited, a.darklink:active {color:#636466; font-weight:bold; text-decoration:none} a.darklink:hover {color:#636466; font-weight:bold; text-decoration:underline} a.lightlink:link, a.lightlink:visited, a.lightlink:active {color:#a1a1a2; text-decoration:none} a.lightlink:hover {color:#a1a1a2; text-decoration:underline} a.bright:link, a.bright:visited, a.bright:active {color:#f05002; text-decoration:none} a.bright:hover {color:#f05002; text-decoration:underline} h2{font-size:14px; margin:0;padding:0; font-weight:normal} .light1{color:#a1a1a2} .mid1{color:#636466} .dark1{color:#515151} .high1{color:#f05002} .high2{color:#f15b2b} .small1{font-size:10px;} .small2{font-size:9px; line-height:12px;} .input_text1{ background-color:#FFFFFF; width:300px; border:1px solid #f15b2b; padding-top:5px; padding-bottom:6px;padding-left:4px;} /*STYLES*/ .center_container {width:940px; padding:9px;margin-left:auto; margin-right:auto; text-align:left;position:relative;background-color:#fff;} .botimg{border:0; } .botimg img{border:0;margin-top:24px;} .pim1:link, .pim1:visited, .pim1:active { color:#f04e23; font-weight:bold; text-decoration:underline; } .pim1:hover { color:#f04e23;font-weight:bold; text-decoration:none; } .clearall{clear:both;} /* -------------------------------------------------------- SELECTOR STYLING - global -------------------------------------------------------- */ #main_container {position:absolute;top:0px;left:0px;margin-left:0px; margin-top:0px ; text-align:center; width:100%; margin-top:0px;background-color:#f15b2b; } #mid_container1{margin-top:30px;} #container_back{ position:relative;} #radio1{position:absolute; top:498px; left:24px;} /*#radio2{position:absolute; top:583px; left:0px;}*/ #datetime{position:absolute; left:43px; top:507px; width:150px; height:20px;font-size:10px;} #blog{position:absolute; bottom:8px; left:15px;} #channelsticker{position:absolute; bottom:0px; left:15px;} #container_banner{width:940px; background-color:#FFFFFF;margin-top:9px;} #copy{position:absolute; bottom:0px; right:-16px;} /* -------------------------------------------------------- SELECTOR STYLING - INDEX.PHP -------------------------------------------------------- */ #finger{position:absolute; left:730px; top:0px;} #container_register{position:absolute; top:0; left:400px; background-image:url(../../img/back_newsregister_1.gif); background-repeat:no-repeat; width:403px; height:203px;} #container_register p {margin-left:20px; margin-top:18px;} #container_register #email{margin-left:14px; margin-top:9px;} #container_register #register_buttons{position:absolute; top:164px; left:16px;} /*banners*/ #container_chant{width:548px; height:59px; border:1px solid #339eb6; margin-right:9px; background-color:#40c6e4; float:left;} #container_channels{height:59px; width:378px; float:right; background-color:#f15b2b;border:1px solid #c14922;} #promo1{position:absolute; right:-22px; bottom:-91px;} /* -------------------------------------------------------- SELECTOR STYLING - pimientistes.php -------------------------------------------------------- */ #container_bannerbio{border:1px solid #ccc200; background-color:#fff200} #intro_bios table{position:absolute; top:165px; left:2px;} #bios{position:absolute; top:0px; right:11px; width:705px; height:574px; text-align:justify;} #bios div.bio_sections{position:absolute; top:85px; right:0px; width:389px; height:330px; text-align:justify} .bio_title{position:absolute; top:82px; left:0px;} .bio_text{position:absolute; top:180px; left:0px;text-align:justify; width:369px;} #bios div.bio_sections img.biopic{position:absolute; top:-30px; right:20px; border:1px solid #e5d900} #bios a:link, #bios a:visited, #bios a:active{color:#f05002;text-decoration:none;} #bios a:hover{color:#f05002;text-decoration:underline;} #biomenu{position:absolute; left:32px; top:177px; color:#636466} #biomenu div.biomenu2,#biomenu div.biomenu1{background-image:url(../../img/back_liste_1.gif); background-repeat:no-repeat; padding-left:10px; width:256px; height:16px; cursor:pointer; margin-bottom:6px;} #biomenu div.biomenu1:hover{color:#f05002} #biomenu div.biomenu2{color:#f05002} /* -------------------------------------------------------- SELECTOR STYLING - presse.php -------------------------------------------------------- */ #pressemenu{position:absolute; top:182px; left:256px;;} #pressemenu ul{list-style:none; margin:0; padding:0} #pressemenu ul li{float:left; margin-right:41px; font-weight:bold} #pressemenu li a:link, #pressemenu li a:visited, #pressemenu li a:active { color:#515151; text-decoration:none} #pressemenu li a:hover{color:#f05002; text-decoration:none} #pressemenu li a.presse2:link, #pressemenu li a.presse2:visited, #pressemenu li a.presse2:active { color:#f05002; text-decoration:none} #pressemenu li a.presse2:hover{color:#f05002; text-decoration:none} .top_sections{ width:633px; height:445px; position:absolute; top:259px; left:256px; } .nav_in_section { position:absolute; bottom:0; left:0} .nav_in_section ul{margin:0; padding:0; list-style:none;} .nav_in_section ul li{float:left; margin:0; padding:0; margin-right:8px;} .nav_in_section ul li.last{margin-left:5px;} .nav_in_section ul li a:link, .nav_in_section ul li a:visited, .nav_in_section ul li a:active {color:#8f9092; text-decoration:underline;} .nav_in_section ul li a:hover {color:#8f9092; text-decoration:none; font-weight:bold} .nav_in_section ul li.currentpage a:link, .nav_in_section ul li.currentpage a:visited, .nav_in_section ul li.currentpage a:active {color:#8f9092; text-decoration:none; font-weight:bold} .nav_in_section ul li.currentpage a:hover {color:#8f9092; text-decoration:none; font-weight:bold} .tbl_comm1{width:100%; line-height:14px; margin-bottom:15px;} .tbl_comm1 .td1{color:#f05002;} .tbl_comm1 .td2{ font-weight:bold} .tbl_comm1 .td3{color:#8f9092} .tbl_bio1{width:507px;; line-height:14px; margin-bottom:15px;} .tbl_bio1 .td1{width:286px;} .tbl_bio1 .td2{ width:115px; color:#8f9092} .tbl_bio1 .td3{width:95px} .tbl_bio1 .td1, .tbl_bio1 .td2, .tbl_bio1 .td3{padding-bottom:7px; padding-top:5px;} .tbl_bio1 tr { background-image:url(../../img/sep_h_1.gif); background-repeat:no-repeat; background-position:bottom; border:1px solid red} .tbl_photo1{width:613px;; line-height:14px; margin-bottom:15px;} .tbl_photo1 .td1{width:286px;} .tbl_photo1 .td2{ width:115px; color:#8f9092} .tbl_photo1 .td3{width:95px; font-weight:bold} .tbl_photo1 .td4{width:55px} .tbl_photo1 .td5{width:59px} .tbl_photo1 .td1, .tbl_photo1 .td2, .tbl_photo1 .td3, .tbl_photo1 .td5, .tbl_photo1 .td5{padding-bottom:7px; padding-top:5px;} .tbl_photo1 tr { background-image:url(../../img/sep_h_1.gif); background-repeat:no-repeat; background-position:bottom; border:1px solid red} .tbl_img1{width:613px;; line-height:14px; margin-bottom:15px;} .tbl_img1 .td1{width:400px; font-weight:bold} .tbl_img1 .td2{ width:79px; font-weight:bold} .tbl_img1 .td3{width:131px} .tbl_img1 .td1, .tbl_img1 .td2, .tbl_img1 .td3{padding-bottom:7px; padding-top:5px;} .tbl_img1 tr { background-image:url(../../img/sep_h_1.gif); background-repeat:no-repeat; background-position:bottom; border:1px solid red} /* -------------------------------------------------------- SELECTOR STYLING - projets.php -------------------------------------------------------- */ #projets{position:absolute; top:0px; right:11px; width:705px; height:574px; text-align:justify;} #projets div.projet_sections{position:absolute; top:32px; right:20px; width:440px; height:676px; text-align:justify; } .projet_title{position:absolute; top:82px; left:0px;} .projet_text{position:absolute; top:180px; left:0px;text-align:justify; width:369px;} #projets div.projet_sections .container_video{position:absolute; bottom:414px; right:0px; border:1px solid #e5d900; width:300px; height:250px; padding:5px; z-index:5; background-image:url(../../img/back_box_1.gif); background-repeat:repeat; background-position:top;} .container_video .player{position:relative; background-color:#FFFFFF; width:300px; height:250px; z-index:100; } .container_video .player h5{position:absolute; top:0; left:0; font-size:24px; text-align:center; width:100%} #projets div.projet_sections h3{position:absolute; left:0; top:300px; margin:0; padding:0; font-size:12px;} #projets div.projet_sections h4{position:absolute; left:0; top:318px; margin:0; padding:0 ; text-transform:uppercase; font-size:11px;} #projets div.projet_sections p.synopsis{position:absolute; left:0; top:346px; text-align:justify; width:100%; margin:0; padding:0} #projets div.projet_sections ul.equipe{position:absolute; left:0; top:530px;margin:0; padding:0; list-style:none;} #projets div.projet_sections .container_video .indexvid{ position:absolute; bottom:-22px; right:-1px; background-color:#ffffff; border:1px solid #e5d900; height:20px;} #projets div.projet_sections .container_video .indexvid .vidtitle{padding-left:5px; padding-right:5px; padding-top:2px; height:18px; float:left;} .vidtitle a:link, .vidtitle a:visited, .vidtitle a:active{text-decoration:none;} .vidtitle a:hover{color:#f05002;} .indexphoto ul.bright2{color:#f05002;} .indexphoto ul.bright2 li a:link, .indexphoto ul.bright2 li a:visited, .indexphoto ul.bright2 li a:active {color:#f05002;} .indexphoto ul.bright2 li a:hover {color:#f05002; font-weight:bold; text-decoration:underline} .indexphoto ul.bright2 li a.lightlink2:link, .indexphoto ul.bright2 li a.lightlink2:visited, .indexphoto ul.bright2 li a.lightlink2:active {color:#f05002; text-decoration:underline; font-weight:bold;} .indexphoto ul.bright2 li a.lightlink2:hover {color:#f05002; text-decoration:underline; font-weight:bold;} #projets div.projet_sections .container_video .indexvid .indexphoto{padding-left:5px; padding-right:5px; padding-top:2px; height:18px; float:left;border-left:1px solid #e5d900;} #projets div.projet_sections .container_video .indexvid .indexphoto ul{margin:0; padding:0; float:left; list-style:none;} #projets div.projet_sections .container_video .indexvid .indexphoto ul li{margin:0; padding:0; float:left; list-style:none; margin-right:4px;} #projets div.projet_sections .container_photo{position:absolute; bottom:200px; left:5px;} #projets div.projet_sections .container_photo .photo1{position:absolute; top:0px; left:0px} #projets div.projet_sections .container_photo .photo1 .credits_photo{position:relative; background-color:#FFFFFF; padding-top:2px; padding-bottom:2px; text-transform:uppercase; padding-left:8px;border:1px solid #e5d900; border-bottom:0px; font-size:9px; display:none;} #projetmenu{position:absolute; left:32px; top:177px; color:#636466} #projetmenu div.projetmenu2, #projetmenu div.projetmenu1{background-image:url(../../img/back_liste_1.gif); background-repeat:no-repeat; padding-left:10px; width:182px; height:16px; cursor:pointer; margin-bottom:6px; font-weight:bold} #projetmenu div.projetmenu1:hover{color:#f05002} #projetmenu div.projetmenu2{color:#f05002;} #projetmenu div.menu_sep{background-image:none; width:182px; height:16px; margin-bottom:6px;} /* -------------------------------------------------------- SELECTOR STYLING - boite.php -------------------------------------------------------- */ #origines{position:absolute; top:239px; left:95px; width:540px;} /* -------------------------------------------------------- SELECTOR STYLING - contact.php -------------------------------------------------------- */ #map{position:absolute; top:78px; right:29px; border:1px solid #e5d900} #infos{position:absolute; top:190px; left:264px;} #metro{position:absolute; right:29px;bottom:31px; background-image:url(../../img/back_metro_1.gif); width:164px; height:127px; background-repeat:no-repeat;} #metro p{margin-top:68px; margin-left:12px; width:150px; text-align:left} /* -------------------------------------------------------- LEFT MENU -------------------------------------------------------- */ #globaltop {position:absolute; left:23px; top:243px; height:159px; font-size:14px;font-weight:normal; width:190px; } #globaltop #topnav{ margin: 0; padding: 0; } #globaltop #topnav li {list-style:none; line-height:23px; border:0px solid #fff; overflow:hidden; padding-left:29px; } #globaltop #topnav li a { width: 0; outline:none; font-weight:bold } #globaltop #topnav li a:link, #globaltop #topnav li a:visited, #globaltop #topnav li a:active { color:#515151; text-decoration:none} #globaltop #topnav li a:hover{color:#f04e23; text-decoration:none} #globaltop.nav-pim #topnav li#nav-pim a{color:#f04e23} #globaltop.nav-media #topnav li#nav-media a{color:#f04e23} #globaltop.nav-projets #topnav li#nav-projets a{color:#f04e23} #globaltop.nav-boite #topnav li#nav-boite a{color:#f04e23} #globaltop.nav-contact #topnav li#nav-contact a{color:#f04e23}