/* Slide menu dynamique multi-niveaux à onglets CSS3 */ /* Crée par Auto Caradisiac */ /* Revu par Chez-swan.Net */ @media screen, projection { /** header **/ .position{position:relative; z-index:100000;} } @media screen, projection { /**Navigation principale**/ .lev1 {font-size:1.3em; margin-top:0; position:absolute; bottom:0; margin-bottom:-3px; margin-bottom:-1px\9; *margin-bottom:-3px;} :root .lev1 {margin-bottom:-2px \0/IE9;} .lev1 ul{position:relative; padding-left:100px;*/ z-index:999999; _zoom:1;} .lev1 ul:after{content:""; display:block; clear:both;} .lev1 li{float:left; padding-left:2px;} .lev1 li img{margin:4px 9px 4px 5px; margin:0\9; padding:4px 9px 5px 5px\9; background:url(images/menu_header/navigation_sprites.png) no-repeat 100% -66px\9; /* IE, padding a la place du margin, pour afficher le sprite de l'onglet sur le fond de l'image */} .lev1 ul.noJs > li:hover .nv_tabContent {display:block;} /* -> Selecteur directs (non compatible IE6) */ .lev1 a {color:#FFFFFF; text-decoration:none; background:url(images/menu_header/bgd_lev1Off.png) top repeat-x; display:inline-block; padding-left:4px; border:#FFFFFF solid 1px; border-bottom-width:0; border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0;border:none\9; background:url(images/menu_header/navigation_sprites.png) no-repeat -9px 0\9; /* IE, sprites plutot que css3 pour les bords arrondis*/} .lev1 ul.noJs > li:hover > a, .lev1 a:hover, .lev1 .current > a{color:#C53800; background:url(images/menu_header/bgd_lev1On.png) top repeat-x; background:url(images/menu_header/navigation_sprites.png) no-repeat 1px 0\9 ; /* IE, sprites plutot que css3 pour les bords arrondis*/} .lev1 .reservationEssai:hover {border-style:solid;} .lev1 ul li.js_IE6Hover a, .lev1 a:hover, .lev1 .current a{_color:#C53800; _background:url(images/menu_header/navigation_sprites.png) no-repeat 1px 0; text-decoration:none;} /* IE6 */ .lev1 ul li.js_IE6Hover .nv_tabContent a {color:#3c3c3c; background:none;} .lev1 strong{text-transform:uppercase; display:inline-block; padding:3px 11px 0 7px; height:20px; font-weight:normal; cursor:pointer; background:url(images/menu_header/navigation_sprites.png) no-repeat 100% -66px\9; padding-top:4px\9; height:21px\9; /* IE, sprites plutot que css3 pour les bords arrondis*/} .lev1 .current .reservationEssai strong, .lev1 li:hover a strong, .lev1 a:hover strong, .lev1 .current strong, .lev1 a:hover img, .lev1 .current img {background:url(images/menu_header/navigation_sprites.png) no-repeat 100% -33px;} /* Sous menus */ .lev1 li .nv_tabContent{position:absolute; top:26px; left:auto; display:none; width:auto; padding:0 0 0 0; border:#FFFFFF; border-top-color:#FFFFFF; background-color:#FFFFFF;} .nv_tabContent ul{float:none;} .nv_tabContent li{float:none;} .nv_tabContent li a{background:none; border-radius:0; -moz-border-radius:0; border:5px; color:#3c3c3c; width:175px; padding:2px 0 2px 0;} .nv_tabContent li a:hover, .lev1 ul li.js_IE6Hover .nv_tabContent a:hover {background:none; background-color:#e2e5ef; color:#00336e;} } @media not all and (-webkit-min-device-pixel-ratio:0) { /** hack Opera **/ .lev1 {margin-bottom:0;} } @media screen, projection { /** Navigation specifique pour l'onglet forum **/ .SubNav_forum{height:72px; clear:left;} .header .lev1 .SubNav_forum ul{border:none; padding:0;} .header .lev1 .SubNav_forum li{float:left; text-align:center; padding:0;} .SubNav_forum li a{background:url(images/menu_header/pict_forum.png) no-repeat; display:block; width: 72px; padding:35px 0 0 0; color:#000;} * html .SubNav_forum li a{background-image:url(images/menu_header/pict_forum.png) !important;} .SubNav_forum li a:hover{background:url(images/menu_header/pict_forum.png) no-repeat; text-decoration:none;} .SubNav_forum li a.csn0{background-position: -43px -2644px !important;} .SubNav_forum li a.csn0:hover, .SubNav_forum li a.active_csn0{background-position: -334px -2644px !important;} .SubNav_forum li a.csn1{background-position: -44px -65px !important;} .SubNav_forum li a.csn1:hover, .SubNav_forum li a.active_csn1{background-position: -334px -65px !important;} .SubNav_forum li a.csn2{background-position: -44px -298px !important;} .SubNav_forum li a.csn2:hover, .SubNav_forum li a.active_csn2{background-position: -334px -298px !important;} .SubNav_forum li a.csn3{background-position: -44px -528px !important;} .SubNav_forum li a.csn3:hover, .SubNav_forum li a.active_csn3{background-position: -334px -528px !important;} .SubNav_forum li a.csn4{background-position: -44px -760px !important;} .SubNav_forum li a.csn4:hover, .SubNav_forum li a.active_csn4{background-position: -334px -760px !important;} .SubNav_forum li a.csn5{background-position: -44px -993px !important;} .SubNav_forum li a.csn5:hover, .SubNav_forum li a.active_csn5{background-position: -334px -993px !important;} .SubNav_forum li a.csn6{background-position: -44px -1232px !important;} .SubNav_forum li a.csn6:hover, .SubNav_forum li a.active_csn6{background-position: -334px -1232px !important;} .SubNav_forum li a.csn7{background-position: -44px -1465px !important;} .SubNav_forum li a.csn7:hover, .SubNav_forum li a.active_csn7{background-position: -334px -1465px !important;} .SubNav_forum li a.csn8{background-position: -44px -1696px !important;} .SubNav_forum li a.csn8:hover, .SubNav_forum li a.active_csn8{background-position: -334px -1696px !important;} .SubNav_forum li a.csn9{background-position: -44px -1930px !important;} .SubNav_forum li a.csn9:hover, .SubNav_forum li a.active_csn9{background-position: -334px -1930px !important;} .SubNav_forum li a.csn10{background-position: -44px -2165px !important;} .SubNav_forum li a.csn10:hover, .SubNav_forum li a.active_csn10{background-position: -334px -2165px !important;} .SubNav_forum li a.csn11{background-position: -44px -2402px !important;} .SubNav_forum li a.csn11:hover, .SubNav_forum li a.active_csn11{background-position: -334px -2402px !important;} .SubNav_forum li a.csn12{background-position: -42px -2850px !important; width: 100px; padding: 14px 0 20px 30px; text-align: left; font-size: 0.8em;} .SubNav_forum li a.csn12:hover, .SubNav_forum li a.active_csn12{background-position: -332px -2850px !important; width: 100px; color: #fff !important;} } @media screen, projection { } ol, ul { list-style: none outside none; } .player_mp3 { margin-top: 20px; padding-left:157px; }