/** * Background */ #background { background: url(../fr/nav/bg-background.jpg) bottom repeat-x; width: 100%; min-height: 100%; } * html #background { height: 100%; } /** * Container */ #container { position: relative; width: 950px; margin: 0 auto; background: 0; } /** * Header */ /* top navigation */ #top-nav { position: absolute; top: 0; right: 0; z-index: 100; } #top-nav li { position: relative; display: inline; float: left; margin: 0; padding: 0; background: 0; } #top-nav li a { height: 42px; } #top-nav #nav1 { background: url(../fr/nav/bg-nav-1.gif) top; width: 112px; } #top-nav #nav2 { background: url(../fr/nav/bg-nav-2.gif) top; width: 180px; } #top-nav #nav3 { background: url(../fr/nav/bg-nav-3.gif) top; width: 184px; } #top-nav #nav1:hover, #top-nav #nav2:hover, #top-nav #nav3:hover, #top-nav #nav1.current, #top-nav #nav2.current, #top-nav #nav3.current { background-position: bottom; } /* search */ #top-nav #search { position: relative; width: 134px; height: 42px; margin: 0 10px; } #top-nav #search-form { position: absolute; top: 13px; left: 0; } #top-nav .input { background: #90D6DE; color: #fff; border: 0; width: 88px; padding: 2px 7px 3px 7px; } #top-nav #search-submit { position: absolute; top: 2px; left: 110px; } /* yellow menu */ #top-nav #nav4 { width: 240px; margin-right: 0; } #top-nav #nav4 a { position: relative; z-index: 100; background: url(../fr/nav/bg-nav-4.png) no-repeat; height: 72px; } * html #top-nav #nav4 a { background: url(../fr/nav/ie-bg-nav-4.gif) no-repeat; } #top-nav #nav4 ul.level2 { left: 20px; width: 213px; } #top-nav #nav4 ul.level2 li { border: 0; } #top-nav #nav4 ul.level2 li a { background: 0; width: 193px; height: auto; line-height: 1.6em; } #top-nav #nav4 ul.level2 li a:hover { text-decoration: underline; } #top-nav #nav4 ul.level2 li.telephone { padding: 25px 0 7px 0; font-size: 1.5em; color:#82BACF; text-align: center; } /* submenu */ #top-nav ul.level2 { position: absolute; z-index: 0; display: none; margin: 0; top: 42px; left: 0; background: url(../fr/nav/bg-submenu.png) repeat; width: 180px; } #top-nav ul.level2 li { float: none; display: block; height: auto; line-height: 2em; border-bottom: 1px solid #E6E4E2; text-align: left; } #top-nav ul.level2 li a { display: block; width: 170px; height: auto; padding: 5px 10px; text-decoration: none; } #top-nav ul.level2 li a:hover { text-decoration: underline; } #top-nav.level1 li.submenu:hover ul.level2 { display: block; } /* slideshow */ #slideshow { position: absolute; z-index: 0; top: 42px; width: 100%; } /** * Content */ #content { position: relative; width: 881px; height:100%; margin-left: 65px; } /** * Content-nav */ #content #content-nav { position: relative; text-align: left; } /* top */ #content #content-nav .top a { position: absolute; top: 0; height: 33px; } #content #content-nav .top #nav5 { left: 0; width: 365px; } #content #content-nav .top #nav6 { left: 371px; width: 318px; } /* middle */ #content #content-nav .middle { position: relative; background: url(../fr/nav/bg-content.gif) repeat-y; height: 100%; min-height: 80px; } * html #content #content-nav .middle { height: 80px; } #content #content-nav .middle ul { margin-left: 0; } #content #content-nav .middle li { position: relative; z-index: 100; display: inline; float: left; margin: 0; padding: 0 25px 5px 25px; background: url(../fr/nav/bg-bullet2.gif) no-repeat; list-style: none; } /* gradient */ #content #content-nav .middle .gradient { position: absolute; z-index: 0; bottom: -10px; left: 8px; background: url(../fr/nav/bg-content-gradient.gif) repeat-x; height: 66px; width: 865px; } /* subcategory level3 */ #content #content-nav .middle li ul.level2 { margin-top: 10px; list-style: none; } #content #content-nav .middle li ul.level2 li { display: block; float: none; background: url(../fr/nav/bg-bullet3.gif) 0px 13px no-repeat; min-height: 0; padding: 7px 10px 0 15px; line-height: 1.4em; } * html #content #content-nav .middle li ul.level2 li { height: 0; } #content #content-nav .middle li ul.level2 li a { color: #4E4E4E; font-weight: bold; } /* bottom */ #content #content-nav .bottom { background: url(../fr/nav/bg-content-bottom.png); height: 18px; behavior: url(/css/iepngfix.htc); } /** * Footer */ #footer { position: relative; color: #8B8B8B; font-size: 0.9em; width: 877px; margin: 5px 0 0 67px; padding-bottom: 30px; } /* content */ #footer #footer-content { position: relative; } /* top */ #footer-content .top { background: url(../fr/nav/bg-footer-content-top.gif) no-repeat; height: 6px; overflow: hidden; } /* middle */ #footer-content .middle { background: url(../fr/nav/bg-footer-content.gif) repeat-y; height: 73px; overflow: hidden; } #footer-content .middle ul { position: relative; z-index: 100; margin-left: 3px; color: #fff; font-size: 1.1em; line-height: 1.8em; } #footer-content .middle li { position: relative; display: inline; float: left; margin: 0; padding: 0; height: 77px; background: url(../fr/nav/bg-bullet1.gif) no-repeat; } /* col1 */ #footer-content .middle li.col1 { background-position: 219px 0px; width: 201px; padding-left: 19px; } #footer-content .middle li.col1 #plan-acces { background: url(../fr/nav/btn-plan-acces.gif) no-repeat; width: 187px; height: 70px; margin-top: 1px; } #footer-content .middle li.col1 #plan-acces a { height: 70px; padding-bottom: 10px; } /* col2 */ #footer-content .middle li.col2 { background-position: 415px 0px; width: 362px; height: 67px; padding: 10px 27px 0 27px; line-height: 1.4em; } /* col3 */ #footer-content .middle li.col3 { background: 0; height: 67px; padding: 10px 27px 0 27px; } /* bottom */ #footer-content .bottom { position: relative; z-index: 0; background: url(../fr/nav/bg-footer-content-bottom.png); height: 14px; behavior: url(/css/iepngfix.htc); } /* nav */ #footer #footer-nav { position: relative; padding-left: 20px; } #footer-nav li { display: inline; margin: 0; padding: 0 20px; background: 0; border-left: 1px solid #8B8B8B; } #footer-nav li.first { border: 0; } #footer #pyxis { position: absolute; bottom: 32px; right: 40px; } #footer #pyxis img { behavior: url(/css/iepngfix.htc); }