/* JUPITER FRANCE CSS */ /* BG OLD : #FBF8EA */ * {margin:0px; padding:0px} body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color: #000; background-image: url(../jupiter-france.images/bg-body-jupiter-wide.jpg); background-repeat:repeat-x; background-attachment:fixed; text-align:center;} .breaker {clear: both; height:0px; overflow:hidden} .spacer {height:5px; width:5px} /* ===== Infobulles ====== */ .infobulle{ position: absolute; visibility : hidden; border: 1px solid #000; padding:5px 5px 0px 5px; font-family: Arial, sans-serif; color: #060708; font-size: 11px; background-color: #FFF; z-index: 1; } /* Hack FF bordure pointille */ a {outline: none;} :focus{-moz-outline-style: none;} /* === Preloader === */ #preloader { /*padding:110px 0 0 61px; float:left;*/ background:url(../jupiter-france.images/preloader2.gif) no-repeat 0% 0%; width:32px; height:32px; position:absolute; top:115px; left:70px;} /* PHPMV2 */ #phpmv2 {display:none; height:0px;} /* CONTAINER */ #container {margin:12px auto 0 auto; width:858px; text-align:left} #container-top {width:858px; height:2px} #container-middle-bg {padding-left:2px; width:856px; background-image:url(../jupiter-france.images/middle-container.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/middle-container.png'); background-repeat: repeat-y} #container-middle { width:850px; background-image:url(../jupiter-france.images/bg-container.jpg); background-repeat: repeat-x; background-color:#D5C69A} #container-bottom {width:858px; height:6px} /* HEADER */ #header {width:850px; height:90px; background:url(../jupiter-france.images/bandeau-header-wide.jpg) repeat-x} #header .logo {/*width:150px; height:45px;*/ text-align:left; padding:43px 0 0 10px} #header .entete {float:right; } #header .entete h1 { width:450px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#F9D52A; padding:15px 0 0 0;} #header .logo-map {float:right; width:68px; height:37px; padding:2px 20px 0 0} #header .logo img {border:0px;} #header .logo .logo-qualite {} /* TOP-MENU */ #top-menu {text-align:left; padding:13px 0 0 0px} #top-menu ul{text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFF} #top-menu li{display:inline; list-style-type:none; margin:0px 0px 0px 16px} #top-menu li a {color:#FFF; text-decoration:none;} #top-menu li a:visited {color:#FFF} #top-menu li a:hover, #top-menu li a:active {color:#FFF; text-decoration:none; border-bottom: 3px solid #A57F03} #top-menu li a.page-active {color:#FFF; text-decoration:none; border-bottom: 3px solid #A57F03; } /* Soulignement du lien actif */ /* PATHWAY */ #pathway {text-align:left; margin:10px 0 0 40px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF} /* CONTENT-LEFT */ #content-left {float:left; width:155px; margin-top:25px; padding-left:10px; position:relative;} #content-left .jupiter-news {margin:9px 0 5px 7px} #content-left .jupiter-news #lettre-jupiter {} #socialLinks {} #socialLinks a {display:block; color:#FFF; font-size:11px; text-align:left; text-decoration:none; line-height:12px; padding:8px 0 8px 46px;} #socialLinks a:hover {text-decoration:underline;} #socialLinks a.facebook {background:url(../jupiter-france.images/facebook_icon.png) no-repeat 0% 50%; } /*#content-left .jupiter-news h2 { margin-top:7px; line-height:16px; padding-left:2px; color:#5B4035; font-size:12px; background-image:url(../jupiter-france.images/arobase-jupiter.gif); background-repeat:no-repeat; background-position:85% 105%}*/ #content-left .jupiter-news h2 { margin-top:2px; line-height:12px; height:50px; padding:18px 0 0 2px; color:#5B4035; font-size:12px; background-position:10% 30%; background:url(../jupiter-france.images/arobase-bg.png) no-repeat } * html #content-left .jupiter-news h2 { margin-top:2px; line-height:12px; height:50px; padding:18px 0 0 2px; color:#5B4035; font-size:12px; background-position:10% 30%; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/arobase-bg.png'); background-repeat: no-repeat; } /* hack IE6 */ #content-left .jupiter-news h2 a:link, #content-left .jupiter-news h2 a:visited {text-decoration:underline; text-transform:uppercase; font-family:"Trebuchet MS"; font-size:10px; color:#5A3F34; font-weight: bold} #content-left .jupiter-news h2 a:hover, #content-left .jupiter-news h2 a:active {text-decoration:underline; color:#FFF; font-weight:bold; cursor:pointer} /* #content-left .jupiter-news a:link img.lettre-jupiter, #content-left .jupiter-news a:visited img.lettre-jupiter{border:2px solid #A57F03} #content-left .jupiter-news a:hover img.lettre-jupiter, #content-left .jupiter-news a:active img.lettre-jupiter{border:2px solid #5A3F34} */ #content-left .jupiter-news img {border:0px} #content-left .jupiter-news img.arobase {padding:0px 0 0 10px} /* Newsletter - LIEN */ #content-left .jupiter-news .newsletter-top {width:125px; height:4px} #content-left .jupiter-news .newsletter-middle {width:125px; background:url(../jupiter-france.images/newsletter-middle.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/newsletter-middle.png'); background-repeat: repeat-y} #content-left .jupiter-news .newsletter-middle img {border:0px; width:119px; padding-left:1px; margin-top:-3px} #content-left .jupiter-news .newsletter-bottom {width:125px; height:6px} /* CONTENT-RIGHT */ #content-right {float:left; width:658px; margin-top:25px; padding-left:20px} #content-right .content-right-top {width:658px; height:3px} #content-right .content-right-middle {width:658px; background:url(../jupiter-france.images/middle-content-box.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/middle-content-box.png'); background-repeat: repeat-y} #content-right .content-right-middle .content {padding:5px; width:645px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000} #content-right .content-right-middle .content p {text-align:justify} #content-right .content-right-middle .home-content-left {float:left; width:160px; padding:0px 0 0 5px; margin-right:10px/*background:#99FF33*/} #content-right .content-right-middle .home-content-left h2 {width:auto; color:#5B4035; font-size:12px; text-align:center; margin-bottom:0px} #content-right .content-right-middle .home-content-left h2 a {color:#5B4035; text-decoration:none } #content-right .content-right-middle .home-content-left h2 a:hover {text-decoration:underline} #content-right .content-right-middle .home-content-left h2 span {font-size:10px} #content-right .content-right-middle .home-content-left img {border:0px; /*padding:12px 0 0 13px*/; padding:0px 0 0 7px} #content-right .content-right-middle .home-content-right {float:left; width:400px} #content-right .content-right-middle .home-content-right .bandeau-actu-home {/*width:460px; height:89px; background-image:url(../jupiter-france.images/actu-home-bg.jpg); background-repeat:repeat-x;*/} #XOBox {background:#000 url(../jupiter-france.images/bg_xo2.jpg) no-repeat 0% 50%; width:640px; margin-left:2px; padding:8px 0 15px 0;} #XOBox h1 {color:#ff9c00; text-align:center; font-size:22px; margin:16px 0 20px 0;} #XOBox .event {padding:15px 0 0 16px; width:610px;} #XOBox .event .text {margin:1px 0; } #XOBox .event .text p {font-size:12px;} #XOBox .event h2 {color:#ff9c00; font-size:14px; margin:0;} #XOBox .event h3 {color:#FFF; font-size:13px; } #XOBox .event p {color:#FFF; font-size:11px; } #XOBox .event img.floatingPict {float:right;} #XOBox .event .link {color:#FFF; font-size:11px; font-weight:bold; margin-top:2px;} #XOBox .event .link span {} #XOBox .event .link a {color:#FFF; } #XOBox .event .link a:hover {text-decoration:none;} #ticker {position: relative; overflow: hidden; width:460px; height:85px; background-image:url(../jupiter-france.images/actu-home-bg.jpg); background-repeat:repeat-x; margin-top:1px;} #ticker ul#ticker_content {} #ticker ul#ticker_content li {list-style:none} #ticker ul#ticker_content a { display:block; padding:2px; text-decoration: none;} #ticker ul#ticker_content a:hover {color:#5B4035; text-decoration: none} #content-right .content-right-middle .home-content-right .bandeau-actu-home h2 {width:auto; color:#5B4035; font-size:13px; font-weight:bold; text-align:justify; padding:9px 5px 5px 5px} #content-right .content-right-middle .home-content-right .bandeau-actu-home h2 .up {text-transform:uppercase;} #content-right .content-right-middle .home-content-right .bandeau-actu-home h2 .text-info {font-size:11px; font-weight:normal;} #content-right .content-right-middle .home-content-right .diaporama-home {margin:11px 0 0 0;} /* startTickerFade css */ /* #ticker {} #ticker_content { position:relative; overflow:hidden; width:100%} #ticker_content a { position: absolute; top:0; left:0; display: block; padding: 2px; text-decoration: none} #ticker_content a:hover {color:#5B4035; text-decoration: none} */ /* startTickerScroll css - Penser à mettre en commentaire .bandeau-actu-home !!! */ /* V1.1 #ticker {position: relative; overflow: hidden; width:460px; height:85px; background-image:url(../jupiter-france.images/actu-home-bg.jpg); background-repeat:repeat-x;} #ticker ul li {list-style:none} #ticker_content { position: absolute; top:0; left:0; } #ticker_content a { display:block; padding:2px; text-decoration: none;} #ticker_content a:hover {color:#5B4035; text-decoration: none} */ #content-right .content-right-bottom {width:658px; height:6px} #content-right .content .construction {color:#5B4035; background:#f2ecef; width:640px; margin-left:2px; font-size:15px; font-weight:bold; text-align:center; height:400px; line-height:400px; vertical-align:middle} /* Section artiste */ #artist {color:#483227; background:#ede9dc; width:640px; margin-left:2px; padding:5px 0 10px 0; position:relative;} #artist .rightPart {float:right; border:1px solid #c0b7ab; width:220px; padding:7px 10px; margin:0 15px 0 0;} * html #artist .rightPart {display:inline;} /* IE6 */ #artist .rightPart h2 {color:#9B4777; font-size:22px; font-weight:bold;} #artist .rightPart ul {padding:5px 0 0 0;} #artist .rightPart ul li {list-style:none; margin:10px 0 7px 0; overflow:hidden;} * html #artist .rightPart ul li {zoom:1} /* IE 6*/ #artist .rightPart ul ul {padding:0px 0 7px 5px;} #artist .rightPart ul ul li {margin:2px 0;} #artist .rightPart ul li a {color:#9B4777; font-size:12px; font-weight:bold; display:block;} #artist .rightPart ul li a:hover {text-decoration:none;} #artist .rightPart ul li a.bio {padding:0 0 0 5px;} #artist .rightPart ul li a.instru {padding:0 0 0 5px;} #artist .rightPart ul li a.disco {background:url(../jupiter-france.images/discoIcon.gif) no-repeat 0px 50%; padding:0 0 0 40px; line-height:30px;} #artist .rightPart ul li a.video {background:url(../jupiter-france.images/videoIcon.gif) no-repeat 0px 50%; padding:0 0 0 40px; line-height:30px;} #artist .rightPart ul li a.event {background:url(../jupiter-france.images/calendarIcon.gif) no-repeat 0px 50%; padding:0 0 0 40px; line-height:30px;} #artist .rightPart ul li li a {color:#483227; font-size:11px; text-decoration:none; font-weight:normal; background:url(../jupiter-france.images/bulletIcon.gif) no-repeat 0px 5px; padding:0 0 0 12px;} #artist .rightPart ul li li a:hover {text-decoration:underline;} #artist .link {color:#483227; font-size:12px; font-weight:bold; margin-top:5px;} #artist .link span {} #artist .link a {color:#9B4777; } #artist .link a:hover {text-decoration:none;} #artist span.up {text-transform:uppercase;} #artist .artistPict {border:1px solid #483227; width:360px; height:320px; overflow:hidden; margin:0px 0 14px 10px;} #artist h3 {color:#9B4777; font-size:20px; font-weight:bold; margin:15px 0 0px 10px;} #artist .text {width:615px; margin:10px 0 10px 10px; font-size:12px;} #artist img.floatingPict {float:right;} #artist ul.eventList {width:620px; margin:5px 0 0 10px;} #artist ul.eventList li {list-style:none; clear:both; overflow:hidden; margin:5px 0 0 0;} #artist ul.eventList li h4 {font-size:13px;} #artist ul.eventList li h4 span {} #artist ul.eventList li .text {margin:3px 0px 0 0; width:480px;} #artist ul.eventList li .location {font-size:12px; margin-top:3px} #artist ul.eventList li .link {} #videoPlayer, #audioPlayer {margin:10px 0 0 10px;} #videoPlayer a , #audioPlayer a {color:#9B4777;} #artist a.btn {display:block; background:#62483b; color:#FFF; text-transform:uppercase; font-size:10px; padding:3px 10px; border:1px solid #c0b7ab; text-decoration:none; width:auto; float:right; margin:0 15px 5px 0;} * html #artist a.btn {display:inline} #artist a:hover.btn {background:#FFF; color:#62483b;} #slidingPanelMask {z-index:11; background:transparent; position:absolute; top:-170px; left:0px; width:640px; height:170px;} #slidingPanel { /*z-index:0;*/ position:absolute; top:0px; left:0px; background:#ede9dc; width:640px; padding-bottom:10px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; /*border:1px solid #c0b7ab;*/ border:none; } ul#artistMenu {float:left; width:640px; margin:0 0 0 10px;} * html ul#artistMenu {display:inline; width:630px;} /* IE 6 */ ul#artistMenu li {list-style:none; display:block; float:left; width:150px; margin:10px 10px 0px 0; } ul#artistMenu li.last { margin:10px 0px 0px 0; } ul#artistMenu li.breaker { margin:0px; width:0px; } ul#artistMenu li ul { border-right:1px solid #bcb4a9; padding:10px 10px 10px 0px; } ul#artistMenu li.last ul { border:none; } ul#artistMenu li ul.clarinettes {} ul#artistMenu li ul.cors-harmonie {background:url(../jupiter-france.images/cors-harmonie_icon.gif) no-repeat 90% 10%;} ul#artistMenu li ul.euphoniums {} ul#artistMenu li ul.flutes {} ul#artistMenu li ul.marching-defile {} ul#artistMenu li ul.saxophones {background:url(../jupiter-france.images/saxophones_icon.gif) no-repeat 90% 10%;} ul#artistMenu li ul.trombones {background:url(../jupiter-france.images/trombones_icon.gif) no-repeat 90% 10%;} ul#artistMenu li ul.trompettes {background:url(../jupiter-france.images/trompettes_icon.gif) no-repeat 90% 10%;} ul#artistMenu li ul.tubas {background:url(../jupiter-france.images/tubas_icon.gif) no-repeat 90% 10%;} ul#artistMenu li ul.orchestre {background:url(../jupiter-france.images/orchestre_icon.gif) no-repeat 90% 10%;} ul#artistMenu li li {float:none; width:auto; font-size:12px; margin:3px 0; } ul#artistMenu li li a {color:#483227; text-decoration:none; } ul#artistMenu li li a:hover { text-decoration:underline; color:#000;} ul#artistMenu li li a.uberlink {font-weight:bold; cursor:default;} ul#artistMenu li li a:hover.uberlink {text-decoration:none; } ul#artistMenuThumbs {float:left; width:642px; margin:20px 0 10px 8px;} * html ul#artistMenuThumbs {display:inline; width:630px;} /* IE 6 */ ul#artistMenuThumbs li {list-style:none; float:left; margin:1px;} ul#artistMenuThumbs li a {display:block; width:100px; height:100px; text-indent:-999em; border:1px solid #3d312a; background-position:0px -100px;} ul#artistMenuThumbs li a:hover {background-position:0px 0px} /* Page nouveautes */ #content-right .content .nouveautes {background:#f2ecef; width:600px; margin-left:2px; text-align:center; padding:8px 20px 10px 20px;} #content-right .content .nouveautes img {border:0px} #content-right .content .nouveautes p {padding:8px 0px 0 0px; text-align:justify; color:#5B4035; font-size:12px; } #content-right .content .nouveautes p span {font-size:10px} #content-right .content .nouveautes h2 {text-align:left; padding:10px 0 0 0px; font-size:15px; color:#9B4777;} #content-right .content .nouveautes h2 a {color:#9B4777;} #content-right .content .nouveautes .left-floating {float:left; max-width:200px;} #content-right .content .nouveautes .right-floating {float:right; } #content-right .content .nouveautes h3 {text-align:left; padding:10px 0 0 0px; font-size:15px; color:#9B4777;} #content-right .content .no-instrument {color:#5B4035; background:#fff; width:640px; margin-left:2px; font-size:15px; font-weight:bold; text-align:center; height:400px; line-height:400px; vertical-align:middle} #content-right .content .maintenance {color:#5B4035; background:#f2ecef; width:640px; margin-left:2px; font-size:15px; font-weight:bold; text-align:center; height:250px; padding-top:150px; } /* PLAN SITE */ #content-right .content #sitemap {width:640px; background:#f2ecef; margin-left:2px; overflow:auto; padding-bottom:5px;} * html #content-right .content #sitemap {width:640px; background:#f2ecef; margin:5px 0 0px 2px; } /* IE 6*/ #content-right .content #sitemap a {color:#5B4035; text-decoration:none } #content-right .content #sitemap a:hover {color:#5B4035; text-decoration:underline} #content-right .content #sitemap h2 a {color:#9B4777; text-decoration:none } #content-right .content #sitemap h2 a:hover {color:#9B4777; text-decoration:underline} #content-right .content #sitemap h2 {width:620px; text-align:right; padding-top:10px; color:#9B4777; font-size:17px; font-style:italic; font-weight:bold;} #content-right .content #sitemap h2 span {font-size:11px; font-style:normal; font-weight:normal; padding-right:5px} #content-right .content #sitemap .sitemap-left {float:left;} #content-right .content #sitemap ul {width:250px; padding:5px 0 5px 50px; } #content-right .content #sitemap ul li {list-style-type:none; font-size:13px; font-weight:bold; text-transform:capitalize; } #content-right .content #sitemap ul ul {width:auto; padding:2px 0 2px 20px; } #content-right .content #sitemap ul ul li { font-size:9px; text-transform:uppercase; } #content-right .content #sitemap ul ul ul {width:auto; padding:0px 0 0px 15px; } #content-right .content #sitemap ul ul ul li {font-size:10px; text-transform:lowercase; font-weight:normal; } /* Module Recherche - Autocompletion */ #content-right .content #sitemap .sitemap-right {float:left; padding-top:50px; width:320px;} #content-right .content #sitemap .sitemap-right label {display:block; padding-left:118px; color:#9B4777; font-size:17px; font-style:italic; font-weight:bold;} #content-right .content #sitemap .sitemap-right label span {font-size:11px; font-style:normal; font-weight:normal; padding:5px 0 0 118px;} #content-right .content #sitemap .sitemap-right .autocompleter {border:1px solid #9B4777; width:319px; background-color:#f2ecef;} #content-right .content #sitemap .sitemap-right .autocompleter ul li { padding: 2px 10px; white-space:nowrap; font-size:11px; color:#000; cursor:pointer} #content-right .content #sitemap .sitemap-right .selectAutocompleter {background-color:#9B4777; color:#FFF; width:300px; cursor:pointer} #content-right .content #sitemap .sitemap-right #content {padding-top:20px;} #content-right .content #sitemap .sitemap-right #search-form {float:left;} #content-right .content #sitemap .sitemap-right #search-form .submit-input {padding:20px 0 10px 0;} #content-right .content #sitemap .sitemap-right #search-form .submit-input input {border:1px solid #9B4777; width:319px} #content-right .content #sitemap .sitemap-right #search-form .submit-btn {margin:0 0 0 242px} #content-right .content #sitemap .sitemap-right .bouton-envoi {background-color:#9B4777; font-family:Arial, Helvetica, sans-serif; border:2px solid #fff; color:#FFF; font-size:10px; text-transform:uppercase; font-weight:normal; padding:0px 5px 2px 5px; margin-left:10px; height:18px; width:70px; cursor:pointer;} #content-right .content #sitemap .sitemap-right #selectedInstrument{border:1px solid #9B4777; width:299px; padding:10px; float:left; margin:30px 0 5px 0;} #content-right .content #sitemap .sitemap-right #afficher { clear:both; border:2px solid #FFF; margin-left:0px; padding:2px 0px; text-align:center; background-color:#a57f03; color:#FFF; font-size:12px;} #content-right .content #sitemap .sitemap-right #afficher a {color:#FFF; font-size:12px; text-decoration:none;} /* MENTIONS LEGALES */ #content-right .content #mentions {width:640px; height:400px; background:#f2ecef; margin-left:2px; } * html #content-right .content #mentions {width:640px; height:400px; background:#f2ecef; margin:5px 0 0px 2px; } /* IE 6*/ #content-right .content #mentions a {color:#5B4035; text-decoration:underline } #content-right .content #mentions a:hover {color:#5B4035; text-decoration:none} #content-right .content #mentions h2 {width:600px; text-align:right; padding-top:10px; color:#9B4777; font-size:17px; font-style:italic; font-weight:bold;} #content-right .content #mentions h2 span {font-size:11px; font-style:normal; font-weight:normal; padding-right:5px} #content-right .content #mentions p {color:#5b4035; width:400px; text-align:justify; padding:10px 0 10px 20px} /* Page SHOWROOM */ #content-right .content-right-middle .content #showroom {color:#5B4035; background:#f2ecef; width:640px; margin-left:2px; } * html #content-right .content-right-middle .content #showroom {color:#5B4035; background:#f2ecef; width:640px; margin:5px 0 0px 2px; } /* IE 6*/ #showroom img {border:0px} #showroom .logo-showroom {text-align:center; padding:10px 0 15px 0; height:94px} #showroom .entete {color:#5B4035; font-size:13px; font-weight:bold; /*background:#ece6d2;*/ background:#fff; width:600px; padding:10px; margin:0 0 10px 10px; text-align:center; } #showroom .content-sh {width:620px; margin:0 0 0px 10px;} #showroom .content-sh .image-left {float:left; margin-left:0px} #showroom .content-sh .texte-right {float:left;} #showroom .content-sh .texte-right p {width:380px; padding:10px 0 0 10px;/*background:pink*/} #showroom .content-sh .image-right {float:left; margin:15px 0 0 185px} #showroom .content-sh .texte-left {float:left; margin:-35px 0 0 4px; /*background:pink*/} #showroom .content-sh .texte-left p {width:395px; } #showroom .content-sh .bandeau-image {margin:10px 0 0 1px} #showroom .content-sh .bandeau-image img {float:left; margin-right:8px} #showroom .content-sh .texte-central p {width:606px; padding:10px 0 10px 5px; } #showroom .content-sh .bloc-coord {float:left; background:#6d2348; text-align:center; padding:10px; color:#fff; margin-left:2px} #showroom .content-sh .bloc-coord a {color:#fff} #showroom .content-sh .bloc-coord a:hover {color:#fff; text-decoration:none} #showroom .content-sh .bloc-mention {float:left; color:#5B4035; font-size:10px; font-weight:bold; /*background:#ece6d2;*/ background:#fff; width:280px; padding:10px; margin:20px 0 10px 50px; } /* Page ORCHESTRE A L'ECOLE */ #content-right .content-right-middle .content #orchestre-ecole {color:#5B4035; background:#f2ecef; width:640px; margin-left:2px; padding-bottom:15px} * html #content-right .content-right-middle .content #orchestre-ecole {color:#5B4035; background:#f2ecef; width:640px; margin:5px 0 0px 2px; padding-bottom:15px } /* IE 6*/ #orchestre-ecole img {border:0px} #orchestre-ecole h2 {width:620px; text-align:right; padding-top:10px; color:#9B4777; font-size:17px; font-style:italic; font-weight:bold;} #orchestre-ecole .orchestre-content a {color:#5B4035; text-decoration:underline } #orchestre-ecole .orchestre-content a:hover {color:#5B4035; text-decoration:none} /* #orchestre-ecole h2 span {font-size:11px; font-style:normal; font-weight:normal; padding-right:1px} #orchestre-ecole h2 span a {color:#9B4777; text-decoration:none } #orchestre-ecole h2 span a:hover {color:#9B4777; text-decoration:underline} */ #orchestre-ecole #diaporama-ecole {float:left; padding:0 0 5px 33px; width:385px; height:250px; background:#f2ecef} #orchestre-ecole #diaporama-ecole .slideInfoZone h2 {margin:0px; padding:0px; color:#FFF; display:none} #orchestre-ecole #diaporama-ecole .slideInfoZone h2 a {color:#FFF} #orchestre-ecole #diaporama-ecole h3 {margin:0px; padding:0px; color:#FFF} #orchestre-ecole #diaporama-ecole .slideInfoZone p a {color:#FFF; text-decoration:none; } #orchestre-ecole #diaporama-ecole .slideInfoZone p a:hover {color:#FFF; text-decoration:none} #orchestre-ecole .en-tete {float:left; padding:0 0 5px 10px; /*margin-top:-30px*/} #orchestre-ecole .orchestre-menu {float:left; text-align:left; padding:30px 0 0 30px;} #orchestre-ecole .orchestre-menu span {line-height:20px} #orchestre-ecole .orchestre-menu span a {color:#9B4777; font-size:12px; font-weight:bold; text-decoration:none } #orchestre-ecole .orchestre-menu span a:hover {color:#9B4777; text-decoration:underline} #orchestre-ecole .orchestre-menu a.page-on {font-size:13px; font-weight:bold; color:#9B4777; text-decoration:underline} #orchestre-ecole .orchestre-menu a.page-off {font-size:13px; font-weight:bold; color:#9B4777; text-decoration:none} #orchestre-ecole .orchestre-menu a:hover.page-off {text-decoration:underline} #orchestre-ecole .orchestre-content {padding:0px; margin:0px;/*background:purple;*/ } #orchestre-ecole .orchestre-content h3 {padding:10px 0 0 20px; font-size:15px; color:#9B4777;} #orchestre-ecole .orchestre-content h4 {padding:7px 35px 0px 30px; font-size:12px; } #orchestre-ecole p.main {padding:7px 35px 0 35px; } #orchestre-ecole p .adresse {color:#9B4777; font-weight:bold;} #orchestre-ecole p .adresse a {color:#9B4777; font-weight:bold;} #orchestre-ecole p .adresse a:hover {color:#9B4777; font-weight:bold;} #orchestre-ecole p.bloc-citation {padding:8px 0 0px 50px; width:570px; overflow:auto;} #orchestre-ecole p.bloc-citation .guillemet-left {float:left; } #orchestre-ecole p.bloc-citation .guillemet-right-1 {float:left; padding-top:115px } #orchestre-ecole p.bloc-citation .guillemet-right-2 {float:left; padding-top:70px } #orchestre-ecole p.bloc-citation .guillemet-right-3 {float:left; padding-top:125px } #orchestre-ecole p.bloc-citation .citation {float:left; width:450px; padding:15px 10px 0 10px; font-style:italic} #orchestre-ecole .auteur {text-align:right; padding:10px 105px 0; font-weight:bold } #orchestre-ecole .vignette-image {float:right; padding:5px 35px 0px 10px; margin:0px;} #orchestre-ecole ul {padding:7px 35px 0px 35px; text-align:justify; } #orchestre-ecole ul li {list-style-type:none; margin-top:3px} #orchestre-ecole ul li .vignette {padding:7px 0 7px 180px; border:0px} #orchestre-ecole .tableau {padding:7px 0 7px 30px; width:575px;} #orchestre-ecole .tableau .vignette-float {float:right; border:0px} #orchestre-ecole .tableau p.para-float { width:140px; height:105px; padding:20px 8px 8px 8px; margin:8px 5px 0 13px; color:#fff; background:#6d2348; border:2px solid #FFF} * html #orchestre-ecole .tableau p.para-float { width:140px; height:105px; padding:20px 8px 8px 8px; margin:12px 5px 0 13px; color:#fff; background:#6d2348; border:2px solid #FFF} #orchestre-ecole .vignette-image-large {float:right; padding:15px 90px 5px 20px;} #orchestre-ecole p.ending-text {font-weight:bold; color:#9B4777; padding:25px 0 0px 100px} #orchestre-ecole p.ending-text a {font-weight:bold; color:#9B4777;} #orchestre-ecole p.ending-text a:hover {font-weight:bold; color:#9B4777;} #orchestre-ecole .pages-indicator {font-family:"Trebuchet MS"; font-size:11px; margin:10px 0 0px 295px; padding:0px} #orchestre-ecole .pages-indicator a {font-size:11px; font-weight:bold; color:#9B4777;} #orchestre-ecole .pages-indicator a:visited {font-weight:bold; color:#9B4777; text-decoration:none} #orchestre-ecole .pages-indicator a:hover {} #orchestre-ecole .pages-indicator a.page-on, #orchestre-ecole .pages-indicator a:visited.page-on, #orchestre-ecole .pages-indicator a:hover.page-on, #orchestre-ecole .pages-indicator a:active.page-on {font-family:"Trebuchet MS"; font-size:11px; font-weight:bold; color:#FFF; text-decoration:none; padding:2px 3px; background-color:#9c4878; border:2px solid #FFF} #orchestre-ecole .pages-indicator a.page-off {font-size:11px; font-weight:bold; color:#9B4777; text-decoration:none; padding:2px 3px; border:2px solid #f2ecef} #orchestre-ecole .pages-indicator a:hover.page-off {font-weight:bold; color:#FFF; text-decoration:none; padding:2px 3px; background-color:#9c4878; border:2px solid #fff} /* LETTRE JUPITER - FORMULAIRE */ #content-right .content #jupiter-news-left {float:left; width:478px; height:467px; margin:0 8px 0 2px; padding-left:20px; background:#f2ecef} /* Hauteur fixe */ * html #content-right .content #jupiter-news-left {height:467px; margin:0px 8px 0px 1px; } /* IE6 */ #content-right .content #jupiter-news-left h1 {color:#9B4777; font-size:17px; margin-bottom:2px; padding-top:5px;} #content-right .content #jupiter-news-left p {width:450px; color:#000; font-size:11px; margin-bottom:12px} #content-right .content #jupiter-news-left .champ {margin:2px 0; line-height:16px; /*background:#ccc*/} #content-right .content #jupiter-news-left .champ .intitule {float:left; width:200px; height:16px; color:#000} #content-right .content #jupiter-news-left .champ span {color:#9B4777;} #content-right .content #jupiter-news-left .champ input {float:left; width:250px; height:15px; border:1px solid #9B4777; background:#fff; color:#000; font-size:11px; padding-left:2px} #content-right .content #jupiter-news-left .champ .zone-radio {float:left; width:50px; height:16px; margin-top:5px; } #content-right .content #jupiter-news-left .champ .zone-radio input.btn-radio {background:#f2ecef; border:0px; width:10px; margin:0 5px} #content-right .content #jupiter-news-left .champ .zone-reponse {float:left; width:200px; height:16px; margin-top:5px; padding:8px 0 0 15px; text-transform:uppercase; font-weight:bold; font-size:11px; color:#9B4777; } #content-right .content #jupiter-news-left .champ .zone-chkbox {float:left; width:230px; padding:10px 0 5px 20px; } #content-right .content #jupiter-news-left .champ .zone-chkbox label {float:left; clear:both; width:100px;} #content-right .content #jupiter-news-left .champ .zone-chkbox input.chbox {background:#f2ecef; border:0px; width:11px; margin:0 5px;} #content-right .content #jupiter-news-left .champ .zone-chkbox input.chbox-input {width:229px; height:15px; border:1px solid #9B4777; background:#fff; color:#000; font-size:11px; margin-top:2px} #content-right .content #jupiter-news-left .champ-submit {text-align:right; padding:0 20px 10px 0} #content-right .content #jupiter-news-left .champ-submit .bouton-envoi {background-color:#9B4777; font-family:Arial, Helvetica, sans-serif; border:2px solid #fff; color:#FFF; font-size:10px; text-transform:uppercase; font-weight:bold; padding:0px 5px 2px 5px; height:18px; width:80px} #content-right .content #jupiter-news-right {float:left; width:133px; height:467px; text-align:left; background:#f2ecef} * html #content-right .content #jupiter-news-right {float:left; width:133px; height:475px; text-align:left; background:#f2ecef; margin:0px 0px 0px 0px;} /* IE6 */ #content-right .content #jupiter-news-right .scroll-marquee {margin-left:16px; padding-top:20px;} #content-right .content #jupiter-news-right img {border:0px; margin-top:5px} #content-right .content #jupiter-news-right img.pixel {height:100px} /* CONTACT JUPITER */ #content-right .content #jupiter-contact {width:620px; /*height:470px;*/ margin-left:2px; padding-left:20px; background:#f2ecef} * html #content-right .content #jupiter-contact {width:620px; /*height:470px;*/margin:5px 0 0px 2px; padding-left:20px; background:#f2ecef} /* IE 6 */ #content-right .content #jupiter-contact-left {width:455px; float:left; /*background:yellow*/} #content-right .content #jupiter-contact-left h1 {color:#9B4777; font-size:17px; margin-bottom:2px; padding-top:5px;} #content-right .content #jupiter-contact-left p {width:450px; color:#000; font-size:11px; margin-bottom:12px} #content-right .content #jupiter-contact-left .champ {margin:2px 0; line-height:16px; /*background:#ccc*/} #content-right .content #jupiter-contact-left .champ .intitule {float:left; width:200px; height:16px; color:#000} #content-right .content #jupiter-contact-left .champ .big {width:416px;} #content-right .content #jupiter-contact-left .champ span {color:#9B4777;} #content-right .content #jupiter-contact-left .champ input {float:left; width:250px; height:15px; border:1px solid #9B4777; background:#fff; color:#000; font-size:11px; padding-left:2px} #content-right .content #jupiter-contact-left .champ input.text-restant {float:left; width:30px; height:15px; border:1px solid #9B4777; background:#fff; color:#000; font-size:11px; padding-left:3px} #content-right .content #jupiter-contact-left .champ textarea {width:450px; height:200px; border:1px solid #9B4777; background:#fff; color:#000; font-size:11px; margin:5px 0px} #content-right .content #jupiter-contact-left .champ .zone-radio {float:left; width:50px; height:16px; margin-top:5px; } #content-right .content #jupiter-contact-left .champ .zone-radio input.btn-radio {background:#f2ecef; border:0px; width:10px; margin:0 5px} .zone-reponse { /*width:450px;*/ margin:8px 0 0 0px; overflow:hidden;} .zone-reponse2 { /*width:450px;*/ margin:16px 0 0 0px; overflow:hidden;} span.succes {color:#9B4777; text-transform:uppercase; font-weight:bold; font-size:11px; } span.error {color:#FF0000; text-transform:uppercase; font-weight:bold; font-size:11px; } .verticalSpacer {height:12px; width:10px; overflow:hidden;} #content-right .content #jupiter-contact-left .champ .radioBox {padding:3px 0 0 0;} #content-right .content #jupiter-contact-left .champ .radioBox input.radioBtn {display:block; float:left; background:#f2ecef; border:0px; width:12px; } #content-right .content #jupiter-contact-left .champ .radioBox label {display:block; float:left; margin:0 10px 0 6px} #content-right .content #jupiter-contact-left .champ .zone-chkbox {float:left; width:230px; padding:10px 0 5px 20px; } #content-right .content #jupiter-contact-left .champ .zone-chkbox label {float:left; clear:both; width:100px;} #content-right .content #jupiter-contact-left .champ .zone-chkbox input.chbox {background:#f2ecef; border:0px; width:11px; margin:0 5px;} #content-right .content #jupiter-contact-left .champ .zone-chkbox input.chbox-input {width:229px; height:15px; border:1px solid #9B4777; background:#fff; color:#000; font-size:11px; margin-top:2px} #content-right .content #jupiter-contact-left .champ-submit {text-align:right; padding:0 0px 10px 0; margin:-10px 0 0 0;} #content-right .content #jupiter-contact-left .champ-submit .bouton-envoi {background-color:#9B4777; font-family:Arial, Helvetica, sans-serif; border:2px solid #fff; color:#FFF; font-size:10px; text-transform:uppercase; font-weight:bold; padding:0px 5px 2px 5px; height:18px; width:80px} #content-right .content #jupiter-contact-right {float:left; /*background:blue*/} #content-right .content #jupiter-contact-right img {padding:30px 0 0 15px} /* === COUPON === */ #container-coupon {} #container-coupon #print-box{background:#FFF; width:950px; margin:10px auto 0 auto; text-align:right; padding-right:50px} #container-coupon #print-box img {border:0px; padding:10px 10px 0 0;} #container-coupon #print-box a {color:#000; text-decoration:none} #container-coupon #print-box a:hover {color:#000; text-decoration:underline} /* ==== Instrument-list ==== */ /* XO */ #content-right .top-instrument-list-XO {width:658px; height:77px; background:url(../jupiter-france.images/top-content-XO.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-XO.png'); background-repeat: no-repeat} /*BOIS*/ #content-right .top-instrument-list-saxophones {width:658px; height:77px; background:url(../jupiter-france.images/top-content-saxophones.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-saxophones.png'); background-repeat: no-repeat} #content-right .top-instrument-list-flutes {width:658px; height:77px; background:url(../jupiter-france.images/top-content-flutes.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-flutes.png'); background-repeat: no-repeat} #content-right .top-instrument-list-clarinettes {width:658px; height:77px; background:url(../jupiter-france.images/top-content-clarinettes.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-clarinettes.png'); background-repeat: no-repeat} #content-right .infos-bandeau h1 {text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; max-width: 130px; overflow:hidden; margin:58px 0 0 320px; position: absolute;} #content-right .infos-bandeau .railway {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFF; position:absolute; margin:63px 0 0 10px; text-transform:capitalize;} #content-right .infos-bandeau .railway a, #content-right .infos-bandeau .railway a:visited {font-size:10px; color:#FFF; text-decoration:none} #content-right .infos-bandeau .railway a:hover, #content-right .infos-bandeau .railway a:active {text-decoration:underline} #content-right .infos-bandeau .tarifs {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFF; position:absolute; margin:54px 0 0 570px; /*background:yellow 570 */} #content-right .infos-bandeau .tarifs a, #content-right .infos-bandeau .tarifs a:visited {font-size:11px; color:#FFF; text-decoration:none} #content-right .infos-bandeau .tarifs a:hover, #content-right .infos-bandeau .tarifs a:active {text-decoration:underline} /*CUIVRES*/ #content-right .top-instrument-list-trompettes {width:658px; height:77px; background:url(../jupiter-france.images/top-content-trompettes.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-trompettes.png'); background-repeat: no-repeat} #content-right .top-instrument-list-tubas {width:658px; height:77px; background:url(../jupiter-france.images/top-content-tubas.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-tubas.png'); background-repeat: no-repeat} #content-right .top-instrument-list-trombones {width:658px; height:77px; background:url(../jupiter-france.images/top-content-trombones.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-trombones.png'); background-repeat: no-repeat} #content-right .top-instrument-list-euphoniums {width:658px; height:77px; background:url(../jupiter-france.images/top-content-euphoniums.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-euphoniums.png'); background-repeat: no-repeat} #content-right .top-instrument-list-cors-harmonie {width:658px; height:77px; background:url(../jupiter-france.images/top-content-cors-harmonie.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-cors-harmonie.png'); background-repeat: no-repeat} #content-right .top-instrument-list-marching-defile {width:658px; height:77px; background:url(../jupiter-france.images/top-content-marching-defile.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/top-content-marching-defile.png'); background-repeat: no-repeat} #content-right .infos-bandeau h1 {text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; max-width: 130px; overflow:hidden; margin:58px 0 0 320px; position: absolute;} #content-right .infos-bandeau h1.XO {color:#db950e;} #content-right .infos-bandeau .railway {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFF; position:absolute; margin:63px 0 0 10px; text-transform:capitalize;} #content-right .infos-bandeau .railway a, #content-right .infos-bandeau .railway a:visited {font-size:10px; color:#FFF; text-decoration:none} #content-right .infos-bandeau .railway a:hover, #content-right .infos-bandeau .railway a:active {text-decoration:underline} #content-right .content-right-middle-instrument-list {width:658px; background:url(../jupiter-france.images/middle-content-box-instru.png) !important; background-image:url(no-image); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.jupiterinstrument.fr/jupiter-musique-france-instruments/jupiter-france.images/middle-content-box-instru.png'); background-repeat: repeat-y} #content-right .cartouche-produit {padding:18px 0 0 20px; width:630px} * html #content-right .cartouche-produit {padding:10px 0 0 20px; width:630px} /* hack IE6 pour réduire espace entre cartouches */ #content-right .cartouche-produit .miniature {float:left} #content-right .cartouche-produit .miniature img {border:0px} /* == BOIS == */ /*bois-etude*/ #content-right .cartouche-produit .produit-bois-etude {float:left; margin:8px 0 0 20px; padding: 5px 0 0 10px; border:2px solid #dbadc6; width:400px} #content-right .cartouche-produit .produit-bois-etude h2 {background-color:#FFF; position:absolute; margin:-13px 0 0 30px; padding:0 10px; text-transform:capitalize} #content-right .cartouche-produit .produit-bois-etude h2 a:link, #content-right .cartouche-produit .produit-bois-etude h2 a:visited, #content-right .cartouche-produit .produit-bois-etude h2 a:hover, #content-right .cartouche-produit .produit-bois-etude h2 a:active {color:#dbadc6; font-size:14px; font-weight:bold; text-decoration:none} /*bois-semipro*/ #content-right .cartouche-produit .produit-bois-semipro {float:left; margin:8px 0 0 20px; padding: 5px 0 0 10px; border:2px solid #b46b93; width:400px} #content-right .cartouche-produit .produit-bois-semipro h2 {background-color:#FFF; position:absolute; margin:-13px 0 0 30px; padding:0 10px; text-transform:capitalize} #content-right .cartouche-produit .produit-bois-semipro h2 a:link, #content-right .cartouche-produit .produit-bois-semipro h2 a:visited, #content-right .cartouche-produit .produit-bois-semipro h2 a:hover, #content-right .cartouche-produit .produit-bois-semipro h2 a:active {color:#b46b93; font-size:14px; font-weight:bold; text-decoration:none} /*bois-pro*/ #content-right .cartouche-produit .produit-bois-pro {float:left; margin:8px 0 0 20px; padding: 5px 0 0 10px; border:2px solid #6d2348; width:400px} #content-right .cartouche-produit .produit-bois-pro h2 {background-color:#FFF; position:absolute; margin:-13px 0 0 30px; padding:0 10px; text-transform:capitalize} #content-right .cartouche-produit .produit-bois-pro h2 a:link, #content-right .cartouche-produit .produit-bois-pro h2 a:visited, #content-right .cartouche-produit .produit-bois-pro h2 a:hover, #content-right .cartouche-produit .produit-bois-pro h2 a:active {color:#6d2348; font-size:14px; font-weight:bold; text-decoration:none} /*bois-XO*/ #content-right .cartouche-produit .produit-bois-XO {float:left; margin:8px 0 0 20px; padding: 5px 0 0 10px; border:2px solid #000; width:400px} #content-right .cartouche-produit .produit-bois-XO h2 {background-color:#FFF; position:absolute; margin:-13px 0 0 30px; padding:0 10px; text-transform:capitalize} #content-right .cartouche-produit .produit-bois-XO h2 a:link, #content-right .cartouche-produit .produit-bois-XO h2 a:visited, #content-right .cartouche-produit .produit-bois-XO h2 a:hover, #content-right .cartouche-produit .produit-bois-XO h2 a:active {color:#6a6969; font-size:14px; font-weight:bold; text-decoration:none} #content-right .cartouche-produit ul {font-size:11px; color:#000; padding:15px 10px 10px 10px} #content-right .cartouche-produit li {list-style-type:square; margin-left:15px; line-height:14px} #content-right .cartouche-produit .bouton-detail {text-align:right} #content-right .cartouche-produit .bouton-detail img {border:0px} /* partitionneur - BOIS*/ #content-right .partitionneur-bois {text-align:center; padding:10px 0 15px 15px; font-size:10px;} /*#content-right .partitionneur {text-align:right; padding:10px 50px 15px 0px}*/ #content-right .partitionneur-bois a {font-family:"Trebuchet MS"; font-size:11px; color:#000; text-decoration:none; padding:2px; border:2px solid #FFF} #content-right .partitionneur-bois a:visited {color:#5A3F34; text-decoration:none} #content-right .partitionneur-bois a:hover, #content-right .partitionneur-bois a:active {color:#FFF; text-decoration:none; padding:2px; font-weight:bold; background-color: #9c4878; border:2px solid #dbacd6} #content-right .partitionneur-bois span {color:#FFF; text-decoration:none; padding:2px; font-weight:bold; background-color: #9c4878; border:2px solid #dbacd6} /* == CUIVRES == */ /*cuivres-etude*/ #content-right .cartouche-produit .produit-cuivres-etude {float:left; margin:8px 0 0 20px; padding: 5px 0 0 10px; border:2px solid #93b8b4; width:400px} #content-right .cartouche-produit .produit-cuivres-etude h2 {background-color:#FFF; position:absolute; margin:-13px 0 0 30px; padding:0 10px; text-transform:capitalize} #content-right .cartouche-produit .produit-cuivres-etude h2 a:link, #content-right .cartouche-produit .produit-cuivres-etude h2 a:visited, #content-right .cartouche-produit .produit-cuivres-etude h2 a:hover, #content-right .cartouche-produit .produit-cuivres-etude h2 a:active {color:#93b8b4; font-size:14px; font-weight:bold; text-decoration:none} /*cuivres-semipro*/ #content-right .cartouche-produit .produit-cuivres-semipro {float:left; margin:8px 0 0 20px; padding: 5px 0 0 10px; border:2px solid #518274; width:400px} #content-right .cartouche-produit .produit-cuivres-semipro h2 {background-color:#FFF; position:absolute; margin:-13px 0 0 30px; padding:0 10px; text-transform:capitalize} #content-right .cartouche-produit .produit-cuivres-semipro h2 a:link, #content-right .cartouche-produit .produit-cuivres-semipro h2 a:visited, #content-right .cartouche-produit .produit-cuivres-semipro h2 a:hover, #content-right .cartouche-produit .produit-cuivres-semipro h2 a:active {color:#518274; font-size:14px; font-weight:bold; text-decoration:none} /*cuivres-pro*/ #content-right .cartouche-produit .produit-cuivres-pro {float:left; margin:8px 0 0 20px; padding: 5px 0 0 10px; border:2px solid #1f5647; width:400px} #content-right .cartouche-produit .produit-cuivres-pro h2 {background-color:#FFF; position:absolute; margin:-13px 0 0 30px; padding:0 10px; text-transform:capitalize} #content-right .cartouche-produit .produit-cuivres-pro h2 a:link, #content-right .cartouche-produit .produit-cuivres-pro h2 a:visited, #content-right .cartouche-produit .produit-cuivres-pro h2 a:hover, #content-right .cartouche-produit .produit-cuivres-pro h2 a:active {color:#1f5647; font-size:14px; font-weight:bold; text-decoration:none} /*cuivres-XO*/ #content-right .cartouche-produit .produit-cuivres-XO {float:left; margin:8px 0 0 20px; padding: 5px 0 0 10px; border:2px solid #000; width:400px} #content-right .cartouche-produit .produit-cuivres-XO h2 {background-color:#FFF; position:absolute; margin:-13px 0 0 30px; padding:0 10px; text-transform:capitalize} #content-right .cartouche-produit .produit-cuivres-XO h2 a:link, #content-right .cartouche-produit .produit-cuivres-XO h2 a:visited, #content-right .cartouche-produit .produit-cuivres-XO h2 a:hover, #content-right .cartouche-produit .produit-cuivres-XO h2 a:active {color:#6a6969; font-size:14px; font-weight:bold; text-decoration:none} #content-right .cartouche-produit ul {font-size:11px; color:#000; padding:15px 10px 10px 10px} #content-right .cartouche-produit li {list-style-type:square; margin-left:15px; line-height:14px} #content-right .cartouche-produit .bouton-detail {text-align:right} #content-right .cartouche-produit .bouton-detail img {border:0px} /* partitionneur - CUIVRES */ #content-right .partitionneur-cuivres {text-align:center; padding:10px 0 15px 15px; font-size:10px;} /*#content-right .partitionneur {text-align:right; padding:10px 50px 15px 0px}*/ #content-right .partitionneur-cuivres a {font-family:"Trebuchet MS"; font-size:11px; color:#000; text-decoration:none; padding:2px; border:2px solid #FFF} #content-right .partitionneur-cuivres a:visited {color:#5A3F34; text-decoration:none} #content-right .partitionneur-cuivres a:hover, #content-right .partitionneur-cuivres a:active {color:#FFF; text-decoration:none; padding:2px; font-weight:bold; background-color: #2a8673; border:2px solid #93b8b4} #content-right .partitionneur-cuivres span {color:#FFF; text-decoration:none; padding:2px; font-weight:bold; background-color: #2a8673; border:2px solid #93b8b4} /* partitionneur - XO */ #content-right .partitionneur-XO {text-align:center; padding:10px 0 15px 15px; font-size:10px;} /*#content-right .partitionneur {text-align:right; padding:10px 50px 15px 0px}*/ #content-right .partitionneur-XO a {font-family:"Trebuchet MS"; font-size:11px; color:#000; text-decoration:none; padding:2px; border:2px solid #FFF} #content-right .partitionneur-XO a:visited {color:#5A3F34; text-decoration:none} #content-right .partitionneur-XO a:hover, #content-right .partitionneur-XO a:active {color:#db950e; text-decoration:none; padding:2px; font-weight:bold; background-color: #000; border:2px solid #6a6969} #content-right .partitionneur-XO span {color:#db950e; text-decoration:none; padding:2px; font-weight:bold; background-color: #000; border:2px solid #6a6969} #content-right .content-right-bottom-instrument-list {width:658px; height:5px} /* FOOTER */ #footer {text-align:right; padding:7px 12px 7px 0; height:16px; overflow:hidden;} #footer ul{text-transform:uppercase; font-family:"Trebuchet MS"; font-size:10px; color:#5A3F34} #footer li{display:inline; list-style-type:none;} #footer li a {color:#5A3F34; text-decoration:none; padding:0px 3px 0px 3px;} #footer li a:visited {color:#5A3F34} #footer li a:hover, #footer li a:active {color:#FFF; text-decoration:underline} #footer li a.page-active {color:#5A3F34; text-decoration:underline; } /* Soulignement du lien actif */ /* LIKNS */ #web-links {margin:0px; width:100px; height:0px; overflow:hidden; color:#c4b28a; font-family:"Trebuchet MS"; font-size:9px; visibility: hidden; } #web-links ul {margin:0px; padding:0px; list-style-type:none; } #web-links li {display:inline} #web-links ul li a:link, #web-links ul li a:visited, #web-links ul li a:hover, #web-links ul li a:active { color:#c4b28a; text-decoration:none; font-weight:normal; cursor:default} /* TOOLTIPS JQuery */ .linksTooltip {border: 3px solid #933; background-color:#600; padding:10px; color:#ccc;} .inputsTooltip {border: 1px solid #000; /*background-color:#7E6551;*/ background-image:url(../jupiter-france.images/1pxToolTip.png); padding: 4px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:11px; width:180px;} .inputsTooltip #tooltipTitle {font-weight: bold;} #tooltipURL {display:none;}