/** * Container */ #container { position: relative; background: url(../../fr/nav/newacc3/bg_container.gif) #fff; width: 958px; min-height: 100%; margin: 0 auto; } * html #container { height: 100%; } #container #containerLeft { background: url(../../fr/nav/newacc3/bg_containerLeft.jpg) no-repeat; width: 4px; height: 715px; position: absolute; top: 0; left: 0; } #container #containerRight { background: url(../../fr/nav/newacc3/bg_containerRight.jpg) no-repeat; width: 4px; height: 715px; position: absolute; top: 0; right: 0; } #container #main { width: 950px; margin: 0 4px; } /** * Header */ #container #header { height: 162px; } /* flash */ #header #flash { width: 760px; height: 162px; margin-left: 6px; float: left; background: url(../../fr/nav/newacc3/noflash.jpg); } * html #header #flash { margin-left: 3px; } #header #flash.pub { background: url(../../fr/nav/newacc3/bg_header.jpg); } #header #flash #agglo { position: absolute; top: 0; left: 718px; width: 45px; height: 57px; } /*#header #flash #pub { position: absolute; top: 79px; left: 225px; width: 468px; height: 60px; overflow: hidden; }*/ /* QUAND QU'UNE SEULE */ #header #flash #pub { position: absolute; top: 61px; left: 167px; width: 600px; height: 95px; overflow: hidden; } /* QUAND PLUSIEURS */ /*#header #flash #pub { position: absolute; top:86px; left: 386px; width: 600px; height: 95px; }*/ /*#header #flash #pub img { position: absolute; left: 50%; top: 50%; }*/ #header #flash #pub img { position: absolute; left: 10%; top: 25%; } /* header right */ #header #headerRight { float: left; width: 176px; height: 159px; background: url(../../fr/nav/newacc3/bg_headerRight.jpg) no-repeat bottom; margin-left: 2px; color: #B5B5B5; font-size: 0.85em; } #headerRight a { color: #B5B5B5; text-decoration: none; } #headerRight a:hover { text-decoration: underline; } #headerRight p { padding: 10px 0; text-align: right; } #headerRight #alloTam { position: absolute; top: 90px; right: 30px; width: 129px; height: 68px; } /* search form */ #headerRight #searchForm { margin: 10px 0 0 3px; } #searchForm div { position: relative; background: url(../../fr/nav/newacc3/bg_search.jpg) no-repeat; width: 147px; height: 30px; float: left; } #searchForm #searchText { position: absolute; top: 5px; left: 35px; background: transparent; border: 0; width: 109px; height: 18px; font: 100% "Trebuchet MS", Verdana, sans-serif; } #searchForm #searchSubmit { margin: 4px 0 0 1px; } * html #searchForm #searchSubmit { margin-left: 0; } /** * Navigation */ #container #navMenu { position: relative; width: 938px; margin: 10px auto 16px auto; height: 63px; z-index: 1000; } /* menu se deplacer*/ #navMenu #navMenu1 { float: left; width: 509px; } #navMenu #navMenu1 h2 { background: url(../../fr/nav/newacc3/bg_navMenu1.jpg) no-repeat; width: 177px; height: 59px; } #navMenu #navMenu1 #nav { margin: 0; position: absolute; top: 3px; left: 114px; /*z-index: 500;*/ } #navMenu #navMenu1 ul li a { display: block; text-indent: -5000px; font-size: 0; height: 60px; width: 83px; } #navMenu #navMenu1 .level2 a { color: #FFFFFF; text-decoration: none; display: inline; text-indent: 0; font-size: 1em; } #navMenu #navMenu1 .level2 a:hover { color: #FFFFFF; text-decoration: underline;} #navMenu #navMenu1 .menu1 { position: relative; float: left; height: 60px; padding: 0; padding-left: 2px; list-style: none; background: url(../../fr/nav/newacc3/bg_nav1.gif); width: 83px; z-index: 10; } #navMenu #navMenu1 .menu2 { position: relative; float: left; height: 60px; padding: 0; list-style: none; background: url(../../fr/nav/newacc3/bg_nav2.gif); width: 83px; z-index: 9; } #navMenu #navMenu1 .menu3 { position: relative; float: left; height: 60px; padding: 0; list-style: none; background: url(../../fr/nav/newacc3/bg_nav3.gif); width: 83px; } #navMenu #navMenu1 .menu4 { position: relative; float: left; height: 60px; padding: 0; list-style: none; background: url(../../fr/nav/newacc3/bg_nav4.gif); width: 83px; } #navMenu #navMenu1 .menu8 { float: left; height: 60px; padding: 0; list-style: none; background: url(../../fr/nav/newacc3/bg_nav8.gif); width: 83px; } #navMenu #navMenu1 .level2 { background: url(../../fr/nav/newlvl2/bg_nav_top.gif) #FFA518 no-repeat top; width: 156px; position: absolute; visibility: hidden; margin: 0; padding: 5px 0 0 0; top: 54px; left: 0; } #navMenu #navMenu1 .menu1 .level2 { left: 3px; } /*#nav #navMenu1 .menu2 .level2 { left: 1px; }*/ #navMenu #navMenu1 .bottom { position: relative; left: 132px; background: url(../../fr/nav/newlvl2/bg_nav_bottom.gif) bottom right no-repeat; width: 9px; height: 7px; line-height: 0px; } /* menu garer */ #navMenu #navMenu2 { float: left; margin-left: 40px; } * html #navMenu #navMenu2 { float: none; } /* for ie6 */ #navMenu #navMenu2 h2 { background: url(../../fr/nav/newacc3/bg_navMenu2.jpg) no-repeat; width: 162px; height: 59px; } #navMenu #navMenu2 ul { margin: 0; position: absolute; top: 3px; left: 637px; } #navMenu #navMenu2 ul li { float: left; height: 60px; padding: 0; } #navMenu #navMenu2 ul li a { height: 60px; } #navMenu #navMenu2 #nav5 { background: url(../../fr/nav/newacc3/bg_nav5.gif); width: 92px; } #navMenu #navMenu2 #nav6 { background: url(../../fr/nav/newacc3/bg_nav6.gif); width: 90px; } #navMenu #navMenu2 #nav7 { background: url(../../fr/nav/newacc3/bg_nav7.gif); width: 108px; } /** * Content */ #container #contentWrapper { float: left; width: 938px; margin-left: 2px; } #contentWrapper #contentColumn { width: 483px; margin: 0 224px 0 235px; } #contentColumn #actualites { font-weight: bold; } #contentColumn #actualites .item { /*background: url(../../fr/nav/newacc3/bg_actuItem.jpg) #FAFAFA repeat-x;*/ margin-bottom: 13px; padding: 10px; color: #484a4a; font-size: 0.9em; } #contentColumn #actualites .titre_edito { color: #8dbcc9; font-size: 1.1em; font-weight: bold; height: 20px; margin-bottom: 20px; border-bottom: 1px solid #8dbcc9; } #contentColumn #actualites .image { float: left; margin: 0 14px 0 0; border: 1px solid #fe8302; } #contentColumn #actualites .important { background: url(../../fr/nav/newacc3/bg_actuImportant.jpg) #B0E3E9 no-repeat; padding-left: 80px; color: #fff; } #contentColumn #actualites .important a { color: #E76454; } #contentColumn #actualites a { color: #fe8302; } /** * Left column */ #container #leftColumn { float: left; width: 225px; margin-left: -938px; } /* info trafic */ #leftColumn #infoTrafic { margin-left: 5px; width: 209px; min-height: 140px; background: url(../../fr/nav/newacc3/bg_infoTrafic.jpg) no-repeat bottom; } * html #leftColumn #infoTrafic { height: 140px; } /* ie6 bug min-height fixed */ #infoTrafic h2 { background: url(../../fr/nav/newacc3/bg_infoTraficTitle.jpg); width: 209px; height: 55px; } /* info trafic bus */ #infoTrafic #infoTraficBus { padding: 10px 0 10px 10px; } *+html #infoTrafic #infoTraficBus { padding: 10px 0 6px 10px; } /* for ie7 */ * html #infoTrafic #infoTraficBus { padding: 10px 0 6px 10px; } /* for ie6 */ #infoTraficBus h3 { background: url(../../fr/nav/newacc3/bg_infoTraficBus.gif); width: 21px; height: 11px; float: left; margin-top: 6px; } #infoTraficBus ul { margin-left: 40px; } #infoTraficBus ul li { float: left; margin: 0 6px 3px 0; padding: 0; font-size: 1.1em; font-weight: bold; } #infoTraficBus ul li a { display: block; padding: 1px 3px; color: #fff; text-decoration: none; } #infoTraficBus ul li.square1 { background: #FEC365; } #infoTraficBus ul li.square2 { background: #ADD851; } #infoTraficBus ul li.square3 { background: #50ADCD; } #infoTraficBus ul li.square4 { background: #ED85AB; } #infoTraficBus ul li.square5 { background: #E56252; } /* info trafic tram */ #infoTrafic .borderTraffic { border-top: 1px solid #fff; } #infoTrafic #infoTraficTram { padding: 10px 0 10px 10px; clear: both; } *+html #infoTrafic #infoTraficTram { padding: 5px 0 5px 10px; } /* for ie7 */ * html #infoTrafic #infoTraficTram { padding: 5px 0 5px 10px; } /* for ie6 */ #infoTraficTram h3 { background: url(../../fr/nav/newacc3/bg_infoTraficTram.gif); width: 33px; height: 11px; float: left; float: left; margin-top: 6px; } #infoTraficTram ul { margin-left: 55px; } #infoTraficTram ul li { float: left; margin: 0 6px 3px 0; padding: 0; color: #fff; font-size: 1.1em; font-weight: bold; width: 24px; height: 24px; line-height: 24px; text-align: center; overflow: hidden; } #infoTraficTram ul li a { display: block; width: 24px; height: 24px; color: #fff; text-decoration: none; } #infoTraficTram ul li.round1 { background: url(../../fr/nav/newacc3/bg_infoTraficRound1.gif) no-repeat; } #infoTraficTram ul li.round2 { background: url(../../fr/nav/newacc3/bg_infoTraficRound2.gif) no-repeat; } #infoTraficTram ul li.round3 { background: url(../../fr/nav/newacc3/bg_infoTraficRound3.gif) no-repeat; } /* menu 1 */ #leftColumn #leftMenu1 { background: url(../../fr/nav/newacc3/bg_leftContent.jpg) #FAFAFA no-repeat bottom; width: 221px; margin-left: 4px; } #leftMenu1 ul { margin: 0; padding: 15px 0 26px 0; margin-left: 4px; } #leftMenu1 ul li { width: 198px; height: 42px; padding: 0; } #leftMenu1 ul li a { height: 42px; } #leftMenu1 #navLeft1 { background: url(../../fr/nav/newacc3/bg_navLeft1.gif); } #leftMenu1 #navLeft4 { background: url(../../fr/nav/newacc3/bg_navLeft4.gif); } #leftMenu1 #navLeft5 { background: url(../../fr/nav/newacc3/bg_navLeft5.gif); } #leftMenu1 #navLeft12 { background: url(../../fr/nav/newacc3/bg_navLeft12.gif); } /* menu 2 */ #leftColumn #leftMenu2 { background: url(../../fr/nav/newacc3/bg_leftContentB.jpg) no-repeat bottom; width: 225px; height: 167px; } #leftMenu2 ul { margin: 0; padding-top: 12px; margin-left: 20px; } #leftMenu2 ul li { width: 174px; height: 29px; padding: 0; margin-bottom: 4px; } #leftMenu2 ul li a { height: 29px; } #leftMenu2 #navLeft6 { background: url(../../fr/nav/newacc3/bg_navLeft6.gif); } #leftMenu2 #navLeft7 { background: url(../../fr/nav/newacc3/bg_navLeft7.gif); } #leftMenu2 #navLeft8 { background: url(../../fr/nav/newacc3/bg_navLeft8.gif); } #leftMenu2 #navLeft9 { background: url(../../fr/nav/newacc3/bg_navLeft9.gif); } #leftMenu2 #navLeft10 { background: url(../../fr/nav/newacc3/bg_navLeft10.gif); } #leftColumn #pyxis { padding-left: 20px; } /** * Right column */ #container #rightColumn { float: left; width: 209px; margin-left: -209px; } #rightColumn #boutique-en-ligne { width: 213px; height: 139px; background: url(../../fr/nav/newacc3/bg_boutique_ligne.jpg) no-repeat top left; } #boutique-en-ligne #je-minscris { position: relative; width: 164px; height: 30px; top: 61px; left: 21px; } #boutique-en-ligne #deja-inscrit { position: relative; width: 164px; height: 30px; top: 72px; left: 21px; } #rightColumn #menuRight { background: url(../../fr/nav/newacc3/bg_rightcolumn2.jpg); width: 209px; height: 180px; margin-bottom: 14px; } #menuRight ul { margin: 0; padding: 15px 0 26px 0; margin-left: 4px; } #menuRight ul li { width: 195px; height: 44px; padding: 0; } #menuRight ul li a { height: 44px; width: 195px; } #menuRight #navRight1 { background: url(../../fr/nav/newacc3/btn-navRight1.jpg); } #menuRight #navRight2 { background: url(../../fr/nav/newacc3/btn-navRight2.jpg); } #menuRight #navRight3 { background: url(../../fr/nav/newacc3/btn-nouveaureseau2012.jpg); } /* autres projets */ #rightColumn h2#rightBottom a { background: url(../../fr/nav/newacc3/bg_rightBottom.gif); width: 160px; height: 54px; margin: 2px 0 0 49px; }