@import 'lightbox.css'; /** * Header */ #header { height: 36px; } #header #nav1:hover, #header #nav2:hover, #header #nav3:hover, #header #nav4:hover, #header #nav5:hover, #header #nav6:hover { border-bottom: 3px solid #E3E1E0; } /** * Container */ #container h1#pyxis { background: url(../fr/nav/logo.gif); width: 116px; height: 53px; position: relative; top: 18px; left: 7px; padding: 0; margin: 0; border-bottom: none; } #container #theMissingPixel { position: absolute; top: 20px; right: 27px; width: 16px; height: 16px; } /** * Meilleurs voeux */ #meilleursVoeux { position: absolute; z-index: 995; font-size: 1em; } #meilleursVoeux .close { position: absolute; top: 0; right: 0; background: url(../fr/nav/meilleursVoeux/btn_close.png); width: 30px; height: 29px; display: block; text-indent: -5000px; font-size: 0px; z-index: 996; } #meilleursVoeux div { position: relative; } #meilleursVoeux table { border-collapse: collapse; } #meilleursVoeux td { height: 12px; padding: 0; } #meilleursVoeux .shadowTopLeft { background: url(../fr/nav/meilleursVoeux/shadowTopLeft.png) no-repeat bottom; width: 12px; } #meilleursVoeux .shadowTopCenter { background: url(../fr/nav/meilleursVoeux/shadowTopCenter.png) repeat-x bottom; } #meilleursVoeux .shadowTopRight { background: url(../fr/nav/meilleursVoeux/shadowTopRight.png) no-repeat bottom; width: 12px; } #meilleursVoeux .shadowMiddleLeft { background: url(../fr/nav/meilleursVoeux/shadowMiddleLeft.png); } #meilleursVoeux #meilleursVoeuxContent { background: url(../fr/nav/load.gif) #fff no-repeat center center; padding: 0; line-height: 0em; vertical-align: middle; width: 450px; height: 450px; } #meilleursVoeux .shadowMiddleRight { background: url(../fr/nav/meilleursVoeux/shadowMiddleRight.png); } #meilleursVoeux .shadowBottomLeft { background: url(../fr/nav/meilleursVoeux/shadowBottomLeft.png) no-repeat top; width: 12px; } #meilleursVoeux .shadowBottomCenter { background: url(../fr/nav/meilleursVoeux/shadowBottomCenter.png) repeat-x top; } #meilleursVoeux .shadowBottomRight { background: url(../fr/nav/meilleursVoeux/shadowBottomRight.png) no-repeat top; width: 12px; } * html #meilleursVoeux .close { background: url(../fr/nav/meilleursVoeux/btn_close.gif); } * html #meilleursVoeux td { width: 0px; height: 0px; padding: 0; } * html #meilleursVoeux .shadowTopLeft, * html #meilleursVoeux .shadowTopCenter, * html #meilleursVoeux .shadowTopRight, * html #meilleursVoeux .shadowMiddleLeft, * html #meilleursVoeux .shadowMiddleRight, * html #meilleursVoeux .shadowBottomLeft, * html #meilleursVoeux .shadowBottomCenter, * html #meilleursVoeux .shadowBottomRight { background: none; } #container #portfolio { position: absolute; top: 57px; left: 324px; font: 0.9em Verdana, "Trebuchet MS", sans-serif; } #container #portfolio .top { position: absolute; top: 0; left: 82px; } #container #portfolio .top .submenu { display: block; width: 275px; height: 20px; background: url(../fr/nav/acc/bg_nav_portfolio.gif) #F6F4F3 no-repeat 250px 6px; border-top: 1px solid #E4E0DD; border-bottom: 1px solid #fff; } #container #portfolio .level2 { display: none; position: absolute; top: 22px; left: 0; margin: 0; padding: 10px 0 10px 0; background: #fff; opacity: 0.9; filter:alpha(opacity=90); z-index: 800; } #container #portfolio .level2 li { width: 275px; padding: 0; } #container #portfolio .level2 li a { display: block; color: #2E2D2D; padding: 4px 0 4px 22px; text-decoration: none; } #container #portfolio .level2 li a:hover { background: #eee; } #container #portfolio .top:hover .level2 { display: block; } #container #slideshow { position: relative; margin: 7px 0 10px 0; width: 684px; min-height: 331px; background: url(../fr/nav/load.gif) no-repeat center center; } * html #container #slideshow { height: 331px; } #container #slideshow .slide { position: absolute; left: 21px; z-index: 100; } #container #slideshow #circle { position: absolute; top: 287px; width: 44px; height: 44px; z-index: 500; } #container #slideshow .pos1 { background: url(../fr/nav/acc/roulette.png) 0px 0px; } * html #container #slideshow .pos1 { background: url(../fr/nav/acc/roulette.gif) 0px 0px; } #container #slideshow .pos2 { background: url(../fr/nav/acc/roulette.png) 0px 132px; } * html #container #slideshow .pos2 { background: url(../fr/nav/acc/roulette.gif) 0px 132px; } #container #slideshow .pos3 { background: url(../fr/nav/acc/roulette.png) 0px 88px; } * html #container #slideshow .pos3 { background: url(../fr/nav/acc/roulette.gif) 0px 88px; } #container #slideshow .pos4 { background: url(../fr/nav/acc/roulette.png) 0px 44px; } * html #container #slideshow .pos4 { background: url(../fr/nav/acc/roulette.gif) 0px 44px; } #container #slideshow #circle #link1 { position: absolute; top: 0; left: 22px; display: block; width: 22px; height: 22px; } #container #slideshow #circle #link2 { position: absolute; top: 22px; left: 22px; display: block; width: 22px; height: 22px; } #container #slideshow #circle #link3 { position: absolute; top: 22px; left: 0; display: block; width: 22px; height: 22px; } #container #slideshow #circle #link4 { position: absolute; top: 0; left: 0; display: block; width: 22px; height: 22px; } /* edito */ #container #intro { width: 160px; margin: 15px 0 0 22px; line-height: 1.4em; } #container #edito1 { width: 203px; background: url(../fr/nav/acc/bg_edito1.gif) no-repeat left bottom; padding: 0 0 30px 19px; margin-bottom: 10px; font-size: 0.9em; line-height: 1.6em; } #container #edito2 { width: 195px; margin: 15px 0 0 60px; } #container #edito3 { width: 189px; margin: 15px 0 0 42px; } #container #edito1 h2, #container #edito2 h2, #container #edito3 h2 { color: #5D7A1A; font-size: 1.1em; font-weight: bold; padding-bottom: 4px; margin-bottom: 10px; border-bottom: 1px solid #D1D3D6; } #container #edito1 strong, #container #edito2 strong, #container #edito3 strong { color: #3C4B1C; } /* tags */ #tags { background: url(../fr/nav/acc/bg_tags_m.gif) repeat-y; width: 216px; margin: 0 0 0 23px; } * html #tags { margin-left: 14px; } #tags .top { background: url(../fr/nav/acc/bg_tags_t.gif) no-repeat; height: 7px; } #tags .bottom { background: url(../fr/nav/acc/bg_tags_b.gif); height: 107px; margin-top: -90px; } #tags .middle { padding: 5px 10px 0 10px; position: relative; } /** * Footer */ #footer { background: url(../fr/nav/bg_footer.jpg); min-height: 328px; border-bottom: 1px solid #69879A; color: #fff; font-size: 0.9em; } * html #footer { height: 328px; } #footer .content { position: relative; width: 875px; margin: 0 auto; } #footer a { color: #fff; text-decoration: none; } #footer h2 { margin: 39px 0 15px 0; padding-bottom: 4px; border-bottom: 1px solid #fff; } #footer ul { margin: 0 0 0 14px; } * html #footer ul { margin: 0 0 0 16px; } *+html #footer ul { margin: 0 0 0 16px; } #footer ul li { list-style: disc; padding: 0; } #footer .col1 { width: 281px; } #footer .col2 { width: 336px; margin-left: 153px; }