/*
Feuille de style principale du site oburo.fr
Copyright 2006 - Yves Tannier - http://www.grafactory.net
*/

/* element de configuration generale
-------------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; }
html { font-size: 100%; }
body {
    background: url(../docs/img/interface/fond_page.jpg);
    font: 12px "Trebuchet MS",Trebuchet,sans-serif;
    color: #000;
}
img {
    border: 0;
}   
a {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
ul, li {
    list-style-type: square;
}
.spacer {
  clear: both;
  font-size: 2px;
}
abbr, acronym, .help {
    border-bottom: 1px dotted black;
    cursor: help;
}
.hide {
    display: none;
}
h1 a, h2 a, h3 a {
    font-weight: normal;
    text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration: underline;
    color: #000;
}
.fl {
    float: left;
}

/* contenu de la page
-------------------------------------------------------- */
#global {
    position:absolute;
    left: 50%;
    width: 750px;
    margin-left: -375px;

}
/*#conteneur_accueil {
    background: top center #fff url(../docs/img/interface/fond_content_partiel.gif) no-repeat;
    width: 749px;
    border: 1px solid;
    padding-bottom: 5px;
}*/
/* logo */
#logo {
    top: 20px;
    height: 57px;
    background: #fff;
}
#conteneur_fond {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    background: bottom center #fff url(../docs/img/interface/logo_fond.jpg) no-repeat;
}
#colonne_menu {
    float: left;
    width: 210px;
}
#contenu_central {
    float: left;
    width: 510px;
}
#page_standard h1 {
    color: #7f0341;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 15px;
}
#page_standard .texte {
    text-align: justify;
    line-height: 140%;
    font-size: 12px;
}
#page_standard .texte p {
    margin-top: 5px;
    margin-bottom: 10px;

}



/* menu */
#menu {
    padding-top: 30px;
    margin-left: 20px;
    margin-bottom: 20px;
}
/* menu principal du site karting, bowling... */
#menu_principal {
    position: relative;
    height: 208px;
    width: 184px;
    background: transparent url(../docs/img/interface/menu_statique_complet.gif) no-repeat;
    margin: 0;
}
#menu_principal li {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu_principal li, #menu_principal a {
    display: block;    
    height: 28px;
    width: 150px;
    left: 10px;
}
#menu_principal span {
    display: none;
}
#menu_a {top: 0px;}
#menu_b {top: 35px;}
#menu_c {top: 75px;}
#menu_d {top:  115px;}
#menu_e {top: 150px;}
#menu_f {top: 180px;}
#menu_a a:hover {
    background: transparent url(../docs/img/interface/menu_statique_complet.gif)
               -194px 0px no-repeat;
}
#menu_b a:hover {
    background: transparent url(../docs/img/interface/menu_statique_complet.gif)
               -194px -35px no-repeat;
}
#menu_c a:hover {
    background: transparent url(../docs/img/interface/menu_statique_complet.gif)
               -194px -75px no-repeat;
}
#menu_d a:hover {
    background: transparent url(../docs/img/interface/menu_statique_complet.gif)
               -194px -115px no-repeat;
}
#menu_e a:hover {
    background: transparent url(../docs/img/interface/menu_statique_complet.gif)
               -194px -150px no-repeat;
}
#menu_f a:hover {
    background: transparent url(../docs/img/interface/menu_statique_complet.gif)
               -194px -180px no-repeat;
}

#ecoute {
    position: absolute;
    height: 65px;
    width: 335px;
    top: 55px;
    left: 225px;
}
#ecoute h2 {
    float: left;
    height: 63px;
    width: 30px;
    background: left center url(../docs/img/interface/a_lecoute.gif) no-repeat;
}
#ecoute h3 {
    float: left;
    background: left center url(../docs/img/interface/icone_note.gif) no-repeat;
    padding: 3px;
    padding-left: 18px;
    font-size: 12px;
    color: #7f0341;
}
#ecoute h3 a {
    color: #7f0341;
}
#ecoute #player {
    float: left;
}

#langues {
    position: absolute;
    top: 50px;
    right: 15px;
}
#langues img {
    vertical-align: bottom;
}
h3#podcast {
    position: absolute;
    top: 75px;
    right: 15px;
}
#news {
    height: 155px;
    width: 530px;
    position: absolute;
    top: 140px;
    left: 200px;
}
#news h3 {
    width: 147px;
    height: 28px;
    background: left center url(../docs/img/interface/news_oburo.gif) no-repeat;
}
#news h2 {
    font-size: 16px;
    color: #7f0341;
}
#img_news {
    float: left;
    width: 150px;
}
#content_news {
    float: left;
    width: 360px;
}
#content_news p {
    text-align: justify;
    font-size: 12px;
}
#content_news a.suite {
    /*text-decoration: underline;*/
    color: #7f0341;
    font-weight: bold;
    padding-left: 0;
    margin-left: 0;
}
#rss {
    float: left;
    font-size: 12px;
}
#rss a {
    font-size: 12px;
}
h3#rss {
    padding: 5px;
    padding-top: 15px;
    padding-left: 40px;
    font-size: 12px;
    font-weight: normal;
    background: left center url(../docs/img/interface/rss.gif) no-repeat;
    background-position: 20px 14px;
}
#newsletter {
    position: absolute;
    top: 310px;
    right: 25px;
}
#newsletter h3, #newsletter_page h3 {
    font-size: 10px;
    font-weight: normal;
    color: #7f0341;
}
#newsletter input, #newsletter_page input {
    background: #e9d5df;
    padding: 4px;
    text-align: right;
    font-weight: normal;
    font-size: 11px;
    border: 1px solid #ccc;
}
#newsletter img, #newsletter_page img {
    margin-left: 5px;
    vertical-align: bottom;
}
#newsletter_page input {
    width: 110px;
}
#newsletter_page {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#podcast_page, #rss_page, #panier_votre {
    margin-left: 20px;
    padding: 5px;
    padding-left: 20px;
}
#podcast_page {
    background: left center url(../docs/img/interface/podcast.gif) no-repeat;
}
#rss_page {
    font-size: 12px;
    background: left center url(../docs/img/interface/rss.gif) no-repeat;
}
#panier_votre {
    font-size: 12px;
    background: left center url(../docs/img/interface/basket.gif) no-repeat;
}
#form_contact h2 {
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px dotted #eee;
    font-size: 14px;
}
input, select, textarea {
    border: 2px solid #ccc;
    background: #eee;
}
input:focus, textarea:focus {
    background: #e9d5df;
}
.require {
    color: red;
}
.globalform label {
    font-weight: bold;
    float: left;
    width: 150px;
}
.globalform p {
    float: left;
    width: 350px;
    padding: 5px;
}
.globalform h2 {
    color: #999;
}
.globalform h3 {
    font-size: 10px;
    color: red;
    margin-top: 5px;
    margin-bottom: 10px;
}
.lien {
    border-top: 1px dotted #eee;
    margin-top: 3px;
    margin-bottom: 15px;
    padding-top: 3px;
}
.lien h3, .lien_label {
    background: left center url(../docs/img/interface/link-external.gif) no-repeat;
    padding-left: 16px;
    padding-top: 0;
    margin-bottom: 2px;
    color: #7f0341;
    float: left;
}
.lien h3 a {
    font-size: 14px;
}
.lien h4 {
    float: left;
    font-weight: normal;
    margin-left: 10px;
}
.lien a {
    color: #7f0341;
}
.lien h4 a {
    text-decoration: underline;
}
table {
    border-collapse: separate ;
    border-spacing: 0;
    width: 500px;
    /*border: 1px solid #666;*/
}
#playlist td {
    padding: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    background: none;
}
#playlist tr.two {
    background: #E8FDE9;
}
#playlist .nom_ex {
    font-weight: normal;
}
/*#playlist tr:hover {
    background: #eee;
}*/
#playlist a:hover {
    text-decoration: none;
}
#playlist .titre {
    width: 200px;
    font-weight: normal;
    font-size: 12px;
    color: #7f0341;
    /*padding-left: 20px;
    background: left center url(../docs/img/interface/icone_note.gif) no-repeat;*/
}
#playlist .artiste {
    width: 70px;
    font-weight: bold;
    font-size: 12px;
}
#playlist .reference {
    width: 50px;
}
#playlist .duree {
    width: 20px;
}
#playlist .action {
    text-align: right;
    border-right: none;
}
#playlist .jouer {
    border-right: none;
}
#playlist .dlson, #playlist .play, #playlist .stop {
    float: left;
    margin-right: 5px;
}
#playerf {
    border: 1px solid #ccc;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 4px;
    background: #DEECDD;
}
#artistes_accueil h2 {
    margin: 10px;
    margin-left: 50px;
}
#menu_artiste {
    background: left center url(../docs/img/interface/fond_menu_catalogue.jpg) no-repeat;
    height: 24px;
}
#menu_artiste ul {
    margin-left: 20px;
}
#menu_artiste li {
    list-style-type: none;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    padding-top: 3px;
    font-size: 14px;
    font-weight: normal;
}
#menu_artiste li a {
    color: #ccc;
}
#artistes_pages {
    margin-top: 10px;
}
#artistes_pages .image {
    float: left;
    padding: 0;
    padding-right: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#artistes_pages .presentation {
    padding-left: 5px;
    text-align: justify;
    font-size: 12px;
}
#artistes_pages .presentation a {
    color: #7f0341;
    text-decoration: underline;
}
#artistes_pages .presentation p {
    margin-top: 5px;
    margin-bottom: 10px;
}
#content_artiste {
    padding: 5px;
}
#video_artiste {
    border: 5px solid #eee;
    text-align: center;
    padding: 5px;
    margin-top: 10px;
}
#artistes_pages h2, #artistes_pages h3, #artistes_pages h4 {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
#artistes_pages h3 {
    color: #7f0341;
}
#artistes_pages p {
    line-height: 130%;
}
#footer {
    height: 15px;
    background: top center url(../docs/img/interface/fond_footer.gif) no-repeat;
}
#footer_links {
    padding: 3px;
    padding-left: 20px;
    font-size: 11px;
    color: #333;
    padding-bottom: 10px;
}
#footer_links a {
    color: #333;
    border-bottom: 1px dotted #666;
}
.albums {
    text-align: justify;
}
.albums ul {
    float: left;
    margin-top: 10px;
}
.albums li {
    list-style-type: none;
    padding: 3px;
    padding-left: 22px;
}
.albums li a {
    color: #7f0341;
}
.albums li.ecouteralbums {
    background: center left url(../docs/img/interface/icone_note.gif) no-repeat;
}
.albums li.liresuite {
    background: center left url(../docs/img/interface/plus_p.gif) no-repeat;
}
#albumref {
    padding: 2px;
}
#adresse {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
#lastname_ct {
    width: 180px;
}
#email_ct {
    width: 300px;
}
#comment_ct {
    width: 500px;
    height: 150px;
}
#bouton_ct {
    cursor: pointer;
    background: #7f0341;
    padding: 3px;
    color: #fff;
}
#map {
    margin-top: 15px;
    text-align: center;
    border: 2px solid #ccc;
}
#error_msg, #messagenews_page {
    border-left: 5px solid red;
    padding-left: 15px;
}
#error_msg h2 {
    font-size: 14px;
}
#error_msg ul {
    margin-top: 5px;
    margin-left: 20px;
}
#error_msg li {
    color: red;
}
.require_erreur input, .require_erreur textarea {
    border: 2px solid red;
}
#autresart {
    padding: 15px;
    padding-left: 17px;
}
#autresart h3 {
    font-weight: normal;
    font-size: 12px;
    padding-left: 5px;
    margin-bottom: 5px;
}
#autresart li {
    list-style-type: none;
}
#galeries {
    padding: 10px;
}
#galeries .galerie_img {
    width: 120px;
    height: 120px;
    float: left;
    text-align: center;
}
#galeries img {
    border: 2px solid #666;
}
#galeries h2 {
    font-size: 16px;
    font-weight: normal;
}
#galeries h3 {
    font-size: 14px;
    font-weight: normal;
}
#galeries h4 a {
    font-weight: normal;
    font-size: 12px;
    padding-left: 20px;
        background: center left url(../docs/img/interface/plus_p.gif) no-repeat;
}
#imgedit p {
    padding-left: 15px;
}
#imgedit h3 {
    padding-left: 10px;
    font-weight: normal;
}
#panier table {
    /*margin-top: 10px;*/
}
#panier td {
    padding: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #000;
    border-right: 1px dotted #000;
    background: none;
}
#panier td.first {
    border-left: 1px dotted #000;
}
#panier tr.two {
    background: #E8FDE9;
}
#panier .entete td {
    font-size: 10px;
    border-right: none;
}
#panier .artis {
    font-weight: bold;
}
#panier .titre {
    color: #7f0341;
}
#panier #totalcart td {
    border: none;
    background: #fff;
    text-align: left;
    font-weight: bold;
    padding: 5px;
}
#panier #totalcart .case {
    border: 1px dotted #000;
    border-top: none;
    background: #eee;
}
#validepanier a, #videpanier a {
    color: #7f0341;
}
#panier #validepanier {
    margin-left: 20px;
    float: left;
    font-weight: bold;
    padding-left: 20px;
    background: center left url(../docs/img/cart/basket_go.gif) no-repeat;
}
#panier #videpanier {
    float: left;
    padding-left: 18px;
    background: center left url(../docs/img/cart/trash.gif) no-repeat;
}

#precise #warnmail {
    color: red;
    font-size: 10px;
    clear: both;
    width: 100%;
}
#precise h4 {
    font-weight: normal;
    margin-bottom: 20px;
}
#precise form p {
    padding: 0;
    margin-bottom: 5px;
    width: 150px;
}
#precise form label {
    width: 100px;
}
#precise #bouton_p {
    cursor: pointer;
    background: #666;
    color: #fff;
    font-weight: normal;
    padding: 2px;
    font-size: 11px;
    text-align: right;
}
#precise #bouton {
    width: 240px;
    text-align: right;
}
#colonne_form {
    float: left;
    width: 300px;
}
#colonne_contenu {
    float: left;
    width: 190px;
    border: 1px solid #eee;
    padding: 5px;
}
#colonne_contenu p {
    margin-bottom: 10px;
    margin-top: 10px;
    color: #666;
}
#colonne_contenu #infoscommande {
    font-weight: bold;
}
#colonne_contenu p img {
    padding: 5px;
    padding-top: 10px;
}
#panier #emptypanier, #panier #pbcommande, #panier #commandeok {
    padding: 15px;
    border: 1px dotted #000;
    font-size: 14px;
    color: red;
}
#panier #commandeok {
    border: none;
    color: black;
    text-align: justify;
    padding: 0;
    font-size: 12px;
    margin-top: 15px;
}
#panier #liensdl {
    font-size: 14px;
}
#panier #liensdl a {
    border-bottom: 1px solid #ccc;
    color: #7f0341;
}
#panier #infospanier {
    margin-top: 15px;
    width: 300px;
    border: 1px solid #eee;
    padding: 10px;
    padding-top: 0;
    padding-bottom: 0;
}
#panier #infospanier p {
    margin-top: 10px;
    margin-bottom: 10px;
}
#panier #infospanier img {
    padding: 15px;
    padding-bottom: 0;
}
#redirect {
    padding: 5px;
}
#redirect h2 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}
#redirect h3 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 5px;
}
#anim {
    padding: 0;
    margin: 0;
}
#bouton_redirect {
    background: #fff;
    border: none;
    font-size: 14px;
    padding: 0;
    color: #7f0341;
    cursor: pointer;
    margin: 0;
}
#actualites .image {
    float: left;
    padding-right: 5px;
    padding-top: 5px;
}
#ecouter #player {
    width: 500px;
    margin-bottom: 10px;
    border-bottom: 2px solid #ccc;
    border-left: 1px solid #ccc;
}
#ecouter select {
    font-size: 11px;
    width: 150px;
}
#ecouter #filtre {
    font-size: 11px;
    background: #7f0341;
    color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}
#ecouter form {
    font-size: 11px;
    padding: 5px;
}
#newsletter #bouton_ok, #newsletter_page #bouton_ok {
    width: 22px;
    border: none;
    margin: 0;
    margin-left: 3px;
    font-size: 11px;
    color: #fff;
    padding: 2px;
    cursor: pointer;
    background: center left #fff url(../docs/img/interface/plus.gif) no-repeat;
}
#messagenews {
    position: absolute;
    right: 10px;
    top: 290px;
    color: red;
    font-size: 13px;
}
#messagenews_page {
    font-size: 14px;
    color: red;
}
#entete_playlist td {
    font-weight: normal;
    color: #666;
    border-top: 1px solid #eee;
    background: #eee;
}
#playlist_artiste table {
    margin-top: 10px;
}
#playlist_artiste .lien_label {
    display: block;
    height: 12px;
    width: 12px;
}
#bad_lien {
    padding: 15px;
    font-size: 12px;
}
#bad_lien a, #plus_fichier a {
    color: #7f0341;
    border-bottom: 1px solid #eee;
}
#achats h2 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    color: #036;
}
#achats #playlist {
    margin-bottom: 10px;
    margin-top: 10px;
    border: 2px solid #ccc;
    border-bottom: none;
}
#achats #infoscommande {
    width: 300px;
    color: #666;
    font-style: italic;
}
#redirect {
    padding: 30px;
}
#plus_fichier {
    font-size: 12px;
}
#plus_fichier p {
    margin-top: 10px;
    margin-bottom: 15px;
}
#plus_fichier ul {
    padding-left: 20px;
}
#legende img {
    vertical-align: bottom;
    padding-left: 15px;
}
#legende {
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #eee;
}
#editions_ob {
    font-size: 16px;
    padding: 5px;
    padding-left: 55px;
    background: center left transparent url(../docs/img/interface/etoile_editions.gif) no-repeat;
}
.flb {
    float: left;
    width: 280px;
}
.flbr {
    float: right;
}
.flbr ul li {
    list-style-type: none;
    padding: 3px;
}
#albchoix ul li a {
    font-weight: normal;
    color: #7f0341;
    padding: 3px;
    font-size: 12px;
    padding-left: 20px;
}
.addalb {
    background: center left url(../docs/img/interface/basket_add.gif) no-repeat;
}
.dlpochette {
    background: center left url(../docs/img/interface/package_go.gif) no-repeat;
}
.pdf, .jpg, .gif, .tiff {
        background: center left url(../docs/img/interface/pdf.gif) no-repeat;
}
ul#presse {
    margin-top: 10px;
    margin-left: 10px;
}
ul#presse li {
    list-style-type: none;
    padding: 5px;
}
ul#presse li a {
    padding: 3px;
    padding-left: 22px;
}
.public, .prive {
    padding: 10px;
}
.public a, .prive a {
    border-bottom: 1px solid #ccc;
}
.public ul, .prive ul {
    padding-left: 15px;
}
.public li, .prive li {
    padding-bottom: 3px;
}
.prive {
    padding-top: 0;
    border: 1px solid #ccc;
}
.prive h4 {
    color: #666;
}
#content_news p {
    margin-top: 5px;
    margin-bottom: 10px;
}