body { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; color: #000000; text-align: center; background-color:#000; font-size: 11px; margin:10px; }
body img { border:0; }
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; }
a { text-decoration:none; color:#2c95c1; }
a:hover { text-decoration:underline; }

#haut { width:895px; height:157px; position:relative; }
#haut h1 { margin:0; padding:0; }
#haut ul#choixLangue { position:absolute; left:780px; top:90px; color:#000000; }
#haut ul#choixLangue li { display:inline; color:#646466; }
#haut ul#choixLangue li a { text-decoration:none; color:#2c95c1; }
#haut ul#choixLangue li a:hover { text-decoration:underline; }

#site { width:895px; margin-left: auto; margin-right: auto; text-align: left; }

#global { width:895px; position:relative; background-image: url(../images/fond_site.gif); background-repeat: repeat-y; background-position: left top; }

#global #titre_page { position:relative; height:95px; left:245px; width:250px; }
#global #titre_page h2 { margin:0; padding:0; }

#global #contenu { position:relative; left:59px; width:836px; top:0px; }

#global #contenu #zone_contenu { width:720px; position:relative; margin:80px 0 0 0; padding:0; float:left; }

#bas_site { height:15px; background-image: url(../images/fond_site.gif); background-repeat: repeat-y; background-position: left top; color:#2c95c1; font-size:10px; text-align:right; padding-right:120px; }
#bas_site a { color:#2c95c1; text-decoration:none; }
#bas_site a:hover { color:#A8C615; }

/* MENU */

#menu { position:relative; height:28px; width:500px; background-color:#FFF; background-image: url(../images/menu/fond_menu.gif); background-repeat: no-repeat; background-position: left top; padding:0 0 0 16px; left:245px; }
#menu h2 { margin:0; padding:0; }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu ul li { float:left; margin: 0; padding: 0 31px 0 0; }
#menu ul li span { display:none; }

#menu_1 a { display: block; width: 77px; color: #000; height:28px; text-indent: 125px; text-decoration: none; background: url(../images/menu/les-oreilles-bleues_news.gif) no-repeat 0 0; }
#menu_1 a:hover { background: url(../images/menu/les-oreilles-bleues_news.gif) no-repeat 0 -28px; }
#menu_1Selected a { background: url(../images/menu/les-oreilles-bleues_news.gif) no-repeat 0 -28px; display: block; width: 77px; color: #000; height:28px; }

#menu_2 a { display: block; width: 77px; color: #000; height:28px; text-indent: 125px; text-decoration: none; background: url(../images/menu/les-oreilles-bleues_labels.gif) no-repeat 0 0; }
#menu_2 a:hover { background: url(../images/menu/les-oreilles-bleues_labels.gif) no-repeat 0 -28px; }
#menu_2Selected a { background: url(../images/menu/les-oreilles-bleues_labels.gif) no-repeat 0 -28px; display: block; width: 77px; color: #000; height:28px; }

#menu_3 a { display: block; width: 69px; color: #000; height:28px; text-indent: 125px; text-decoration: none; background: url(../images/menu/les-oreilles-bleues_liens.gif) no-repeat 0 0; }
#menu_3 a:hover { background: url(../images/menu/les-oreilles-bleues_liens.gif) no-repeat 0 -28px; }
#menu_3Selected a { background: url(../images/menu/les-oreilles-bleues_liens.gif) no-repeat 0 -28px; display: block; width: 69px; color: #000; height:28px; }

#menu_3_en a { display: block; width: 69px; color: #000; height:28px; text-indent: 125px; text-decoration: none; background: url(../images/menu/les-oreilles-bleues_liens-en.gif) no-repeat 0 0; }
#menu_3_en a:hover { background: url(../images/menu/les-oreilles-bleues_liens-en.gif) no-repeat 0 -28px; }
#menu_3Selected_en a { background: url(../images/menu/les-oreilles-bleues_liens-en.gif) no-repeat 0 -28px; display: block; width: 69px; color: #000; height:28px; }

#menu_4 a { display: block; width: 96px; color: #000; height:28px; text-indent: 125px; text-decoration: none; background: url(../images/menu/les-oreilles-bleues_contact.gif) no-repeat 0 0; }
#menu_4 a:hover { background: url(../images/menu/les-oreilles-bleues_contact.gif) no-repeat 0 -28px; }
#menu_4Selected a { background: url(../images/menu/les-oreilles-bleues_contact.gif) no-repeat 0 -28px; display: block; width: 96px; color: #000; height:28px; }

/* PAGE NEWS */

#global #contenu #zone_contenu .zone_news_unik { width:696px; }
#global #contenu #zone_contenu ul { list-style-type:none; margin:0; padding:0; }
#global #contenu #zone_contenu ul li { float:left; margin:0; padding:0; padding:0 0 19px 0; }

#global #contenu #zone_contenu .zone_news_unik .zone_visu_news { width:186px; float:left; }
#global #contenu #zone_contenu .zone_news_unik .zone_visu_news .visu_news { height:139px; width:158px; background-image: url(../images/fond_tof.gif); background-repeat: no-repeat; background-position: left top; }

#global #contenu #zone_contenu .zone_news_unik .zone_visu_news .visu_txt_news { font-size:10px; }
#global #contenu #zone_contenu .zone_news_unik .zone_visu_news .visu_txt_news ul { width:150px; list-style-type:none; margin:0 0 0 11px; padding:0; }
#global #contenu #zone_contenu .zone_news_unik .zone_visu_news .visu_txt_news ul li { width:130px; margin:0; padding:0; }
#global #contenu #zone_contenu .zone_news_unik .zone_visu_news .visu_txt_news ul li a { color:#000000; text-decoration:none; padding-left:28px; color:#2C95C1; background:url(../images/croix-bleue-verte.gif) no-repeat 0 -15px; }
#global #contenu #zone_contenu .zone_news_unik .zone_visu_news .visu_txt_news ul li a:hover { background-position:0 0px; color:#A8C615; }

#global #contenu #zone_contenu .zone_news_unik .zone_texte_news { float:left; font-size:11px; color:#505153; width:510px; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news h3 { font-size:28px; color:#000; margin:0; padding:0; line-height:30px; }

#global #contenu #zone_contenu .zone_news_unik .zone_texte_news p { float:left; margin:0 0 5px 0; padding:0; width:510px; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news p.chapeau { float:left; margin:0 0 5px 0; padding:0; width:510px; font-weight:bold; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news p.chapeau a { color:#505153; }


#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video span { display:none; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video .son { float:left; width:88px; padding:0 25px 0 0; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video .son_en { float:left; width:88px; padding:0 25px 0 0; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video .son a { display: block; width: 88px; color: #000; height:30px; ; text-decoration: none; background: url(../images/bt_son.gif) no-repeat 0 0; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video .son a:hover { background: url(../images/bt_son.gif) no-repeat 0 -30px; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video .son_en a { display: block; width: 88px; color: #000; height:30px; ; text-decoration: none; background: url(../images/bt_son-en.gif) no-repeat 0 0; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video .son_en a:hover { background: url(../images/bt_son-en.gif) no-repeat 0 -30px; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video .video { float:left; width:78px; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video .video a { display: block; width: 78px; color: #000; height:30px; text-decoration: none; background: url(../images/bt_video.gif) no-repeat 0 0; }
#global #contenu #zone_contenu .zone_news_unik .zone_texte_news .zone_son_video .video a:hover { background: url(../images/bt_video.gif) no-repeat 0 -30px; }

/* COLONNE DROITE */

#global #recherche { position:absolute; padding:69px 0 0 0; width:107px; height:50px; background-image: url(../images/fond_coin_recherche.gif); background-repeat: no-repeat; background-position: right top; left:788px; top:0px; color:#FFFFFF; font-weight:bold; }
#global #recherche form { margin:0; padding:0; }
#global #recherche input { width:102px; border:none; position:relative; margin:0; padding:0; left:0px; font-size:10px; }
#global #recherche #rechercheOk { text-align:right; width:100px; }
#global #recherche #rechercheOk a { font-weight:bold; font-size:11px; color:#FFFFFF; text-decoration:none; letter-spacing:-1px; }
#global #recherche #rechercheOk a:hover { text-decoration:underline; }
#global #recherche #point_separ { height:2px; background-image: url(../images/point_separ.gif); background-repeat: no-repeat; background-position: left top; margin:10px 0 0 0; }

#global #contenu #colonne_droite { float:left; position:relative; width:101px; padding:0 0 0 9px; }
#global #contenu #colonne_droite #zone_pro { position:relative; top:4px; _top:15px; width:105px; color:#FFFFFF; font-size:9px; }
#global #contenu #colonne_droite #zone_pro .titreInput { letter-spacing:-1px; }
#global #contenu #colonne_droite #zone_pro form { margin:0; padding:0; }
#global #contenu #colonne_droite #zone_pro p#indentificationIntro { margin:0 0 5px 0; padding:0; }
#global #contenu #colonne_droite #zone_pro input { width:102px; border:none; position:relative; margin:0; padding:0; left:-1px; font-size:9px; }
#global #contenu #colonne_droite #zone_pro #login { margin:1px 0 3px 0; }
#global #contenu #colonne_droite #zone_pro #password { margin:1px 0 3px 0; }
/*#global #contenu #colonne_droite #zone_pro a#inscription { color:#FFFFFF; text-decoration:none; }
#global #contenu #colonne_droite #zone_pro a:hover#inscription { color:#FFFFFF; text-decoration:underline; }*/
#global #contenu #colonne_droite #zone_pro #deconnexion { margin-top:20px; }
#global #contenu #colonne_droite #zone_pro #deconnexion a { text-decoration:none; color:#FFFFFF; }
#global #contenu #colonne_droite #zone_pro #deconnexion a:hover { text-decoration:underline; color:#FFFFFF; }
#global #contenu #colonne_droite #zone_pro #identificationOk { text-align:right; width:100px; }
#global #contenu #colonne_droite #zone_pro #identificationOk a { font-weight:bold; font-size:11px; color:#FFFFFF; text-decoration:none; letter-spacing:-1px; }
#global #contenu #colonne_droite #zone_pro #identificationOk a:hover { text-decoration:underline; }

#global #contenu #colonne_droite #zone_link { position:relative; width:92px; padding:0 0 250px 0; }
#global #contenu #colonne_droite #zone_link ul { list-style-type:none; margin:0; padding:55px 0 0 0; }
#global #contenu #colonne_droite #zone_link ul li { margin:0; padding:43px 0 0 0; }

a.lienBlanc { color:#FFFFFF; text-decoration:none; }
a.lienBlanc:hover { color:#FFFFFF; text-decoration:underline; }

/* PAGE LIENS */

#global #contenu #zone_contenu #liste_liens { position:relative; color:#2c95c1; width:400px; left:190px; top:12px; }
#global #contenu #zone_contenu #liste_liens h3 { margin:0; padding:0 0 7px 0; }
#global #contenu #zone_contenu #liste_liens ul { margin:0; padding:0; width:400px; }
#global #contenu #zone_contenu #liste_liens ul li { margin:0; width:400px; padding:0 0 7px 0;  float:left; }
#global #contenu #zone_contenu #liste_liens ul li a { color:#2c95c1; text-decoration:none; background:url(../images/croix-bleue-verte.gif) no-repeat 0 -16px; padding-left:23px; }
#global #contenu #zone_contenu #liste_liens ul li a:hover { color:#A8C615; text-decoration:none; background:url(../images/croix-bleue-verte.gif) no-repeat 0 -1px; }

/* PAGE RESULTATS DE RECHERCHE */

#global #contenu #zone_contenu #searchResults { position:relative; color:#000000; width:400px; left:190px; top:12px; }
#global #contenu #zone_contenu #searchResults h3 { font-size:14px; margin:0 0 10px 0; padding:0; }
#global #contenu #zone_contenu #searchResults ul { margin:0 0 10px 0; padding:0; width:400px; }
#global #contenu #zone_contenu #searchResults ul li { margin:0; width:400px; padding:0 0 7px 23px; float:left; }
#global #contenu #zone_contenu #searchResults ul li a { color:#2c95c1; text-decoration:none; background:url(../images/croix-bleue-verte.gif) no-repeat 0 -16px; padding-left:23px; }
#global #contenu #zone_contenu #searchResults ul li a:hover { color:#A8C615; text-decoration:none; background:url(../images/croix-bleue-verte.gif) no-repeat 0 -1px; }

/* PAGE CONTACT */

#global #contenu #zone_contenu #zone_contact { position:relative; color:#000000; width:400px; left:190px; top:12px; }
#global #contenu #zone_contenu #zone_contact a { color:#2c95c1; text-decoration:none; }
#global #contenu #zone_contenu #zone_contact a:hover { color:#A8C615; }
#global #contenu #zone_contenu #zone_contact ul { margin:35px 0; padding:0; width:400px; }
#global #contenu #zone_contenu #zone_contact ul li { margin:0; width:400px; padding:0 0 7px 23px; background-image: url(../images/picto_croix.gif); background-repeat: no-repeat; background-position: left top; float:left; }
#global #contenu #zone_contenu #zone_contact ul li a { color:#2c95c1; text-decoration:none; }
#global #contenu #zone_contenu #zone_contact ul li a:hover { color:#A8C615; }


/*PAGE LABELS */

#labels_page_logo { width:700px; }
#labels_page_logo ul { margin:0; padding:0; width:720px; list-style-type:none; }
#labels_page_logo ul li { width:180px; height:115px; margin:0 0 80px; padding:0; float:left; }
#labels_page_logo ul li .spacer_picto_label { height:100px; width:180px; float:left; position:relative; }
#labels_page_logo ul li .nom_label { height:15px; width:180px; float:left; position:relative; text-align:center; }
#labels_page_logo ul li .nom_label a { text-decoration:none; color:#2C95C1; }
#labels_page_logo ul li .nom_label a:hover { color:#A8C615; }

#labels_logo { width:190px; float:left; position:relative; margin-top:45px; }

#labels_content { width:530px; float:left; position:relative; }
#labels_content h3 { margin:0; padding:0; font-size:19px; font-weight:bold; color:#2C95C1; }

#labels_content #labels_artistes_titre { margin:20px 0 20px 0; }
#labels_content #labels_artistes_content { width:380px; }
#labels_content #presentationLabel { margin:0 0 5px 0; padding:0 20px 0 0; }
#labels_content #labels_artistes_content .row { width:500px; float:left; position:relative; margin:5px 0 5Px 0; }
#labels_content #labels_artistes_content .row .col { padding:0 0 0 0px; width:225px; float:left; position:relative; color:#2C95C1; }
#labels_content #labels_artistes_content .row .col a { padding-left:25px; text-decoration:none; color:#2C95C1; background-image:url(../images/croix-bleue-verte.gif); background-repeat:no-repeat; background-position:0 -15px; }
#labels_content #labels_artistes_content .row .col a:hover { color:#A8C615; background-position:0 0; }

/* PAGE ARTISTES */

.blue { color:#2C95C1; }
.green { color:#A8C615; }

#artiste_content { }
#artiste_content #logo_label { margin:-15px 0 15px 0; }
#artiste_content h3 { margin:0; padding:0; font-size:19px; font-weight:bold; color:#A8C615; }
#artiste_content #artiste_liste_content { }
#artiste_content #artiste_liste_content .row { width:720px; float:left; position:relative; margin:5px 0 45px 0; }
#artiste_content #artiste_liste_content .norow { margin:5px 0 -5px 0; } /* compense la marge auto sur les row, pour le titre */
#artiste_content #artiste_liste_content .row .col_left { padding:0; width:180px; float:left; position:relative; }
#artiste_content #artiste_liste_content .row .col_left .visu_album { background-image: url(../images/cadre_album.gif); background-repeat: no-repeat; background-position: left top; width:115px; height:101px; }
#artiste_content #artiste_liste_content .row .col_left .visu_artiste { background-image: url(../images/cadre_artiste.gif); background-repeat: no-repeat; background-position: left top; width:158px; height:139px; }
#artiste_content #artiste_liste_content .row .col_right { padding:0; width:500px; position:relative; margin-left:180px; }
#artiste_content #artiste_liste_content a.big_link { text-decoration:none; width:500px; float:left; position:relative; font-size:17px; font-weight:bold; left:-20px; padding:0 0 0 22px; margin:8px 0 0 0; color:#2C95C1; background:url(../images/croix-bleue-verte-big.gif) no-repeat 0 0px; }
#artiste_content #artiste_liste_content a.big_link:hover { text-decoration:none; color:#A8C615; background:url(../images/croix-bleue-verte-big.gif) no-repeat 0 -23px; }

#artiste_content #artiste_liste_content .row .col_left #videos { width:150px; }
#artiste_content #artiste_liste_content .row .col_left #videos ul { width:150px; list-style-type:none; margin:0 0 0 11px; padding:0; }
#artiste_content #artiste_liste_content .row .col_left #videos ul li { width:150px; margin:0; padding:0; float:none; }
#artiste_content #artiste_liste_content .row .col_left #videos li a { color:#000000; text-decoration:none; padding-left:28px; color:#2C95C1; background:url(../images/croix-bleue-verte.gif) no-repeat 0 -15px; }
#artiste_content #artiste_liste_content .row .col_left #videos li a:hover { background-position:0 0px; color:#A8C615; }

#artiste_content #artiste_liste_content .row .col_left #docs { width:150px; margin-top:20px; }
#artiste_content #artiste_liste_content .row .col_left #docs ul { width:150px; list-style-type:none; margin:0 0 0 11px; padding:0; }
#artiste_content #artiste_liste_content .row .col_left #docs ul li { width:150px; margin:0; padding:0; float:none; }
#artiste_content #artiste_liste_content .row .col_left #docs li a { color:#000000; text-decoration:none; padding-left:28px; color:#2C95C1; background:url(../images/croix-bleue-verte.gif) no-repeat 0 -15px; }
#artiste_content #artiste_liste_content .row .col_left #docs li a:hover { background-position:0 0px; color:#A8C615; }

#artiste_content #artiste_liste_content .artiste_texte { width:500px; text-align:justify; float:left; }
#artiste_content #artiste_liste_content .album_titre { position:relative; width:540px; height:17px; }
#artiste_content #artiste_liste_content .album_titre h5 { color:#A8C615; font-size:14px; font-weight:bold; margin:1px 0; padding:0; position:relative; float:left; }
#artiste_content #artiste_liste_content .album_titre .album_annee { margin:4px 0 0 5px; padding:0; position:relative; float:left; }
#artiste_content #artiste_liste_content .album_reference { position:absolute; }
#artiste_content #artiste_liste_content .album_texte { margin:10px 0 0 0; width:500px; text-align:justify; }
#artiste_content #artiste_liste_content .album_tracklisting { margin-top:30px; }
#artiste_content #artiste_liste_content .album_tracklisting ul { width:540px; margin:0; padding:0; list-style-type:none; }
#artiste_content #artiste_liste_content .album_tracklisting ul li { width:540px; clear:both; margin:0; padding:0; }
#artiste_content #artiste_liste_content .album_tracklisting ul li a { color:#2C95C1; }
#artiste_content #artiste_liste_content .album_tracklisting ul li a:hover { color:#A8C615; }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_titre { width:405px; float:left; color:#2C95C1; font-weight:bold; }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_titre a.lienEcoute { text-decoration:none; padding-left:23px; background:url(../images/audio-vert-bleu.gif) no-repeat 0 -1px; font-weight:bold;  }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_titre a.lienEcoute:hover { text-decoration:none; background:url(../images/audio-vert-bleu.gif) no-repeat 0 -16px; }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_titre a.lienInfos { margin-left:10px;text-decoration:none; font-weight:bold; color:#2C95C1;  }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_titre a.lienInfos:hover { text-decoration:none; color:#A8C615; }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_titre .credits { font-style:italic; }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_duree { font-weight:bold; width:40px; float:left; color:#2C95C1; }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_download { width:95px; height:14px; overflow:hidden; position:relative; float:left; }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_download a:hover { text-decoration:none; height:14px; position:relative; top:-16px; _top:-16px; overflow:hidden; }
#artiste_content #artiste_liste_content .album_tracklisting ul li .tracklisting_download a img { margin:-2px 0 6px 0; }

/* FORMULAIRE INSCRIPTION */

h3 { margin:0 0 20px 0; padding:0; font-size:19px; font-weight:bold; color:#2C95C1; }

#f1 .validation-advice { height:12px; padding:4px; margin-bottom:2px; color:#FF0000; margin-left:80px; }
#f2 .validation-advice { height:12px; padding:4px; margin-bottom:2px; color:#FF0000; margin-left:100px; }

#zone_f1 { margin-top:60px; }
#f1 .formRow { clear:left; }
#f1 label { float: left; width: 80px; text-align: right; margin-right: 5px; line-height: 22px; }
#f1 .required, #f1 .notRequired { width:200px; border: 1px solid #009ee0; }
#f1 .validation-failed { border: 1px solid #FF3300;	color : #FF3300; }
#f1 .validation-passed { border: 1px solid #009ee0;	color : #000000; }
#f1_submit { clear:left; margin-top:10px; border: 1px solid #009ee0; width: 84px; background: #009ee0; color:#fff; height: 25px; font-weight:bold; font-size:11px; margin-left:85px; }
#questionsFinNews {  width:300px;  clear:left; margin-left:85px }
#f1 #questionsFinNews label { width:100%; text-align:left; }

#trait_separ_inscription { height:2px; margin-top:40px; margin-bottom:40px; }

#info_perso { width:310px; float:left; }
#info_societe { width:310px; float:left; margin-left:20px; }
#questionsFin {  width:300px;  clear:left; margin-left:342px; }
#f2 .formRow { clear:left; margin-bottom:5px; }
#f2 label { float: left; width: 100px; text-align: left; margin-right: 5px;  }
#f2 .required, #f2 .notRequired { width:200px; border: 1px solid #009ee0; }
#f2 .validation-failed { border: 1px solid #FF3300;	color : #FF0000; }
#f2 .validation-passed { border: 1px solid #009ee0;	color : #000000; }
#f2_submit { clear:left; margin-top:10px; border: 1px solid #009ee0; width: 84px; background: #009ee0; color:#fff; height: 25px; font-weight:bold; font-size:11px; }
#f2 #questionsFin label { width:100%; text-align:left; }
#f2 #questionsFin .labelPuce { float: left; text-align:left; width:20px; margin-right: 5px; line-height: 22px; }
#f2 #questionsFin input.puce { float:left; }