/* DEFAULT GLOBAL --------------------------------------------- */ * { margin: 0; padding: 0; } body {background:#f8f8f8; margin:0;padding:0;background:#f8f8f8 url(../img/bg-accueil.jpg) no-repeat center top;height: 100%;} body#section {background:#f8f8f8; margin:0;padding:0;background:#f8f8f8 url(../img/bg-section.jpg) no-repeat center top;height: 100%;} body#music{background:#dfe0e5 url(../img/bg-radio.gif) repeat-x; margin:0;padding:0;} html{ height: 100%;} *html{overflow-x: hidden;} /* TEXT --------------------------------------------- */ .courriel {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:9pt; color:#6a6a6a; } .desktop-links a {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:8pt; color:#de2516;padding-left:5px; } .desktop-links a:hover {color:black;} .copy {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:8pt;line-height:16px} .videotext {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:9pt;line-height:16px} .videotext strong {font-size:10pt;} .videotext a {color:#de2516;} .videotext a:hover {color:black;} .brun8b {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:10pt;line-height:25px;padding-left:5px;} .white8b {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;color:white;font-weight:bold;font-size:10pt;line-height:25px;padding-left:5px;} td.titre {line-height:25px;font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:10pt;} .copydark {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:8pt;line-height:16px; color:#6a6a6a;} .fond {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:10pt;line-height:16px; color:#de2516;} .normal {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:10pt;} /* LAYOUT --------------------------------------------- */ #container {position:relative; margin:0 auto; width:930px; } #container-accueil {position:relative;width:930px;display:block; margin:0 auto;} #pochette {float:left;width:422px;height:406px;text-indent:-5000px;display:block;background:url(../img/accueil-pochette.jpg) no-repeat;} #contenu-pochette {position:relative;float:right;width:508px;display:block;padding-top:39px; text-align:left;} #contenu-pochette h1 {width:298px;height:72px;display:block;background:url(../img/t-microphium.gif) no-repeat;} #contenu-pochette p {padding:10px 0 10px 18px;font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:10pt; color:black; } #container-accueil-left {float:left;width:405px;display:block;padding-left:17px;padding-top:11px;padding-bottom:20px;} #container-accueil-left p {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:10pt; color:#6a6a6a; } h3.inscrivez-vous {width:225px;height:50px;display:block;background:url(../img/t-inscrivez-vous.gif) no-repeat;text-indent:-5000px;margin-top:38px;} h3.fond-decrans {width:222px;height:37px;display:block;background:url(../img/t-fonds-decrans.gif) no-repeat;text-indent:-5000px;margin-top:27px;} #container-accueil-right {float:right;width:508px;display:block;padding-bottom:20px;} h3.nouvelles {width:196px;height:50px;display:block;background:url(../img/t-nouvelles.gif) no-repeat;text-indent:-5000px;margin-top:11px;} #container-nouvelles {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;font-size:9pt; color:#6a6a6a; padding:17px 28px 0 18px;} #container-nouvelles a{color:#de2516;} h3.extraits-audio a {width:144px;height:25px;display:block;height:28px;text-indent:-5000px;background:url(../img/btn-extraits-audio.gif) no-repeat;margin-left:15px;} h3.extraits-audio a:hover {background-position: 50% -25px;} h3.extraits-video a {width:144px;height:30px;display:block;height:30px;text-indent:-5000px;background:url(../img/btn-extraits-video.gif) no-repeat;margin-left:15px;} h3.extraits-video a:hover {background-position: 50% -30px;} h3.spectacles a {width:200px;height:30px;display:block;height:30px;text-indent:-5000px;background:url(../img/btn-spectacles.gif) no-repeat;margin-left:15px;} h3.spectacles a:hover {background-position: 50% -30px;} h3.pub-tele a {width:136px;height:28px;display:block;height:28px;text-indent:-5000px;background:url(../img/btn-pub-tele.gif) no-repeat;margin-left:15px;} h3.pub-tele a:hover {background-position: 50% -28px;} h3.communiques a {width:242px;height:30px;display:block;height:30px;text-indent:-5000px;background:url(../img/btn-communiques.gif) no-repeat;margin-left:15px;} h3.communiques a:hover {background-position: 50% -30px;} h3.extrait-video a {width:425px;height:136px;display:block;text-indent:-5000px;background:url(../img/extrait-video.gif) no-repeat;margin-left:15px;margin-top:15px;} h3.ukraine a {width:425px;height:136px;display:block;text-indent:-5000px;background:url(../img/ukraine.gif) no-repeat;margin-left:15px;margin-top:15px;} #container-section-photos {position:relative;width:930px;display:block; margin:0 auto;padding-bottom:30px;} #container-section-photos p {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-size:10pt; color:black; line-height:19px; padding-left:4px; padding-top:10px;} #container-section-photos p a {color:#de2516;text-decoration:none} #container-section-photos p a:hover {color:black;text-decoration:underline} #container-section {position:relative;width:930px;display:block; margin:0 auto;padding-bottom:30px;} #container-section p {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-size:10pt; color:black; line-height:19px; padding-left:4px; padding-top:10px;} #container-section p a {color:#de2516;text-decoration:none} #container-section p a:hover {color:black;text-decoration:underline} #container-section ul {margin-left: 40px; margin-top:10px; padding-bottom:10px;} #container-section li {margin:0px; margin-top:7px; list-style:none; padding-left:25px; font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-size:10pt; color:black; background: url(../img/li.gif) 0 0px no-repeat;line-height:12px;} #container-section-spec ol {margin-left: 40px; margin-top:10px; padding-bottom:10px;} #container-section-spec li {margin-left:30px; margin-top:7px; font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-size:10pt; color:black;line-height:12px;} #container-section-spec p {font-family:"trebuchet MS", Arial, Helvetica, sans-serif; font-size:10pt; color:black; line-height:19px; padding-left:4px; padding-top:10px;} #container-section-spec p a {color:#de2516;text-decoration:none} #container-section-spec p a:hover {color:black;text-decoration:underline} #container-biographie {width:930px;background: url(../img/bg-biographie.jpg) right 30px no-repeat;} #container-biographie p {width:664px;margin-left:28px;} h1.t-biographie{width:242px;height:80px;display:block;background: url(../img/t-biographie.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} #container-prix {width:930px;background: url(../img/bg-biographie.jpg) right 30px no-repeat;} #container-prix p {width:664px;margin-left:28px;padding-top:0;} h1.t-prix{width:395px;height:80px;display:block;background: url(../img/t-prix.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} #container-communiques {width:930px;} #container-communiques p {width:880px;margin-left:28px;padding-top:0;} h1.t-communiques{width:297px;height:80px;display:block;background: url(../img/t-communiques.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} #container-boutique {width:930px;} #container-boutique p {width:880px;margin-left:28px;padding-top:0;} h1.t-boutique{width:222px;height:80px;display:block;background: url(../img/t-boutique.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} #container-calendrier {width:930px;} #container-calendrier p {width:880px;margin-left:28px;padding-top:0;} #container-calendrier table {margin-left:28px;margin-top:10px;} h1.t-calendrier{width:229px;height:80px;display:block;background: url(../img/t-calendrier.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} #container-photos {width:930px;} #container-photos p {width:880px;margin-left:28px;padding-top:0;} h1.t-photos{width:172px;height:80px;display:block;background: url(../img/t-photos.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} #container-disco {width:930px;} #container-disco p {width:880px;margin-left:28px;padding-top:0;} h1.t-disco{width:254px;height:80px;display:block;background: url(../img/t-disco.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} #container-video {width:930px;} #container-video p {width:880px;margin-left:28px;padding-top:0;} h1.t-video{width:274px;height:80px;display:block;background: url(../img/t-video.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} h1.t-abonnement{width:294px;height:80px;display:block;background: url(../img/t-abonnement.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} h1.t-extrait{width:294px;height:80px;display:block;background: url(../img/t-extraits.jpg) no-repeat;text-indent:-5000px;margin:26px 0 34px 18px;} .radio-player { width:930px; margin:0 auto;text-align:center;} /* LAYOUT FOR FLOATING FOOTER --------------------------------------------- */ .wrapper { min-height: 100%; height: auto !important; height:100%; margin: 0 auto -165px; /* the bottom margin is the negative value of the footer's height */ } .footer, .push {height: 165px; /* .push must be the same height as .footer */} .footer {font-family:arial,helvetica; font-size:8.5pt; color:white; font-weight:normal; line-height:18px; background:url(../img/footer-bg.jpg) no-repeat center top;} .footer a {color:#d5d5d5; text-decoration:underline;} .footer a:hover {color:white; text-decoration:underline;} /* NAVIGATION --------------------------------------------- */ #navMain { background:url(../img/menu.jpg) no-repeat; position:relative; width:930px; height:34px; display:block;} #navMain li { display:block; position:absolute; top:0; height:34px;} #navMain li a { display:block; height:34px; text-indent:-1000em;} #navMain .nAccueil {left:0; width:96px;} #navMain .nBio {left:96px; width:100px;} #navMain .nDisco {left:196px; width:106px;} #navMain .nVideographie {left:302px; width:102px;} #navMain .nPhotos {left:404px; width:80px;} #navMain .nCalendrier {left:484px; width:96px;} #navMain .nCommuniques {left:580px; width:116px;} #navMain .nBoutique {left:696px; width:88px;} #navMain .nPrix {left:784px; width:146px;} #navMain .nAccueil a:hover, #navMain .nAccueil a.active {background:transparent url(../img/menu.jpg) no-repeat 0 -34px;} #navMain .nBio a:hover, #navMain .nBio a.active {background:transparent url(../img/menu.jpg) no-repeat -96px -34px;} #navMain .nDisco a:hover, #navMain .nDisco a.active {background:transparent url(../img/menu.jpg) no-repeat -196px -34px;} #navMain .nVideographie a:hover, #navMain .nVideographie a.active {background:transparent url(../img/menu.jpg) no-repeat -302px -34px;} #navMain .nPhotos a:hover, #navMain .nPhotos a.active {background:transparent url(../img/menu.jpg) no-repeat -404px -34px;} #navMain .nCalendrier a:hover, #navMain .nCalendrier a.active {background:transparent url(../img/menu.jpg) no-repeat -484px -34px;} #navMain .nCommuniques a:hover, #navMain .nCommuniques a.active {background:transparent url(../img/menu.jpg) no-repeat -580px -34px;} #navMain .nBoutique a:hover, #navMain .nBoutique a.active {background:transparent url(../img/menu.jpg) no-repeat -696px -34px;} #navMain .nPrix a:hover, #navMain .nPrix a.active {background:transparent url(../img/menu.jpg) no-repeat -784px -34px;} h3.accueil-liens a {width:92px;height:28px;display:block;height:28px;text-indent:-5000px;background:url(../img/btn-accueil.jpg) no-repeat;} h3.accueil-liens a:hover{background-position: 50% -28px;}