body, header, section, footer, div, span, a, ul, li, form, fieldset, label, input, select, h1, h2 {margin: 0; padding: 0;}
body {color: black; font-family: "Abel", sans-serif; font-size: 1em; line-height: 1em;}
table, img {border: none;}
img {vertical-align: middle; margin: 2px;}
ul {list-style: none;}
select {height: 31px; padding: 2px;}
a {color: #7a7a7a; text-decoration: none; padding: 1px;}
a:hover {color: #4e4e4e;}
h1, h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
h1 {font-size: 1.3em;}
h2 {font-size: 1em;}

#head {width: 100%; height: 120px; background: #8846d2 url(/img/deg_barreResp.png) repeat-x top; border-bottom: 1px solid #5b00bf;}
#barre {width: 320px; height: 120px; margin-left: auto; margin-right: auto;}
#logo {width: 320px; height: 60px; text-align: center;}
#logo img {margin: 0;}
#logo a {padding: 0;}
#slogan {width: 320px; height: 20px; text-align: center;}
#slogan h1 {height: 20px; color: black; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.8em;}
#titre {display: none;}
#membre {width: 78px; height: 31px; line-height: 31px; float: left; margin-top: 5px; padding: 0 4px 0 6px; vertical-align: middle; text-align: left;}
#rech {width: 230px; height: 40px; float: left; text-align: right;}
#rech_ul {margin-top: 5px; padding: 2px;}
#rech_ul li {display: inline-block; height: 25px;}
#rech_fld {background: white; border: 1px solid black; box-shadow: 0px -1px 1px 0px #a26ddc inset; vertical-align: middle;}
#rech_sbm {margin: 0 -1px;}
#rech_top {background: center no-repeat url(/img/top.png); width: 30px; vertical-align: middle; padding-left: 2px;}
#rech_top a {display: block;}
#r1 {width: 52px;}
#r2 {width: 70px;}
#corps, #corps2 {width: 320px; min-height: 800px; margin-left: auto; margin-right: auto; background: white; box-shadow: 6px 0 0 #dcdcdc inset;}
#corps2 {margin-top: -6px; margin-bottom: -6px;}
#cook {display: none; width: 296px; background: white; line-height: 18px; padding: 2px 9px; border-bottom: 1px solid #ffa500; border-left: 6px solid #ffa500; font-size: 0.85em; text-align: justify;}
#entete {background: #f1f1f1; border-bottom: 1px solid #8846d2; box-shadow: 6px 0 0 #dcdcdc inset;}
#lib_nav {padding: 4px 9px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em;}
#lib_titr {margin-top: 5px; padding: 3px 3px; color: #c0c0c0; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-align: right;}
#main_titr {line-height: 22px; border-left: 6px solid #8846d2; margin-top: 5px;}
#main_titr li {display: inline-block; padding: 0 3px; color: white; font-family: Verdana, Geneva, sans-serif; font-size: 1.4em; text-shadow: 1px 1px 0 black;}
#main_titr li a {display: block; color: black; text-shadow: none; border-bottom: 4px solid #f1f1f1;}
#main_titr li a:hover {border-bottom: 4px solid #8846d2;}
#corpsA {width: 314px; min-height: 483px; margin: 0 0 0 6px;}
#corpsB {display: none;}
#ul_mb {min-width: 90px; height: 29px; margin: 1px}
#ul_mb li {display: inline-block; height: 23px; line-height: 23px; margin: 1px -1px; padding: 1px;}
#rang_mb {display: inline-block; background-color: #ffd700; border-spacing: 1px;}
#rang_mb td {width: 5px; height: 8px; padding: 0;}
#mb_expand {display: none; position: relative; width: 278px; height: 23px; z-index: 99999; margin: -5px 2px;}
#mb_expand li {display: inline-block; width: 94px; line-height: 23px; margin: 0 -2px;}
#mb_expand li a {display: block; background: #333333; color: #dcdcdc; box-shadow: 2px 1px 4px #8846d2; text-align: center; font-size: 0.9em;}
#mb_expand li a:hover {background: #8846d2; color: white; text-shadow: 2px 1px 0 #333333;}
#menu, #foot {width: 320px; margin-left: auto; margin-right: auto; background: #333333; box-shadow: 6px 0 0 #8846d2 inset;}
#menu {min-height: 128px;}
#foot_menu {border-left: 6px solid #8846d2; text-align: center;}
#foot_menu li {display: inline-block; width: 90px; padding: 0 4px; line-height: 26px;}
#foot_menu li a {display: block; border-bottom: 3px solid white; color: white; text-align: center;}
#foot_menu li a.m_load {background: white; color: black; border-bottom: 3px solid #8846d2; font-weight: bold;}
#foot_menu li a.m_click {background: #333333; color: white; border-bottom: 3px solid #ffd700; font-weight: normal;}
#txt_pres {width: 306px; margin: 6px; padding: 4px; line-height: 18px; color: #8d8482; text-align: justify; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.75em;}
#txt_pres span {font-size: 1.25em;}
#txt_pres a {color: #8d8482; text-decoration: underline;}
#txt_pres a:hover {text-decoration: none;}
#slogan2 {margin: 6px; padding: 6px 4px; color: #8d8482; font-size: 0.96em;}
#submenu ul {display: none; position: absolute; width: 292px; background: #333333; margin: 6px 16px; border: 1px solid #ffd700; text-align: center;}
#submenu ul li {display: inline-block; min-width: 92px; line-height: 26px;}
#submenu ul li a {display: block; color: #dcdcdc; text-align: center; font-size: 0.9em; padding: 0 4px;}
#submenu ul li a:hover {background: #8846d2; color: white; text-shadow: 2px 1px 0 #333333;}
#foot_tbl {width: 306px; color: #8d8482; margin: 6px; border-spacing: 0;}
#foot_tbl img {margin: 0 4px;}
#foot_tbl .f_menu a {display: block; color: white;}
#foot_tbl .f_menu a:hover {background: #8846d2;}
#copyr {width: 306px; background: #8846d2; color: white; margin: 0 6px; padding: 6px 4px; text-align: center; text-shadow: 2px 1px 0 #333333;}
#copyr a {color: white;}
#copyr a:hover {color: white;}
#fich {width: 314px; margin: 5px 6px;}
#fich img {margin: 0;}
#main_cont {background: white; padding: 2px 2px 2px 4px;}
#main_cont2 {padding: 2px 2px 2px 10px;}
#contentA {margin: 10px 0; padding: 6px 2px; box-shadow: 1px 1px 3px #dcdcdc;}
#lyrics, #trad {margin: 6px 0;}
#nb_com {margin: 6px 4px;}
#nb_com span {font-size: 1.4em; font-family: Impact;}
#pseudo {width: 200px; height: 22px;}
#com {width: 200px; min-height: 44px; resize: none;}
#post_com {margin: 10px 0 20px 0;}
#nav_com {margin-bottom: 15px; font-weight: bold; text-align: center;}
#nav_rech {margin-top: 15px; font-weight: bold; text-align: center;}
#pageS {margin: 0 8px; padding: 2px 8px; border: 1px solid #7a7a7a;}
#page_sel {font-weight: bold;}
#menu_cont {background: #f1f1f1; line-height: 30px; text-align: center; margin-bottom: 10px;}
#menu_cont li {display: inline-block; padding: 0 3px; color: #7a7a7a; font-family: Verdana, Geneva, sans-serif;}
#menu_cont li a {display: block; color: #7a7a7a; border-bottom: 4px solid #dcdcdc; padding: 0;}
#menu_cont li a:hover {border-bottom: 4px solid #8846d2;}
#lien_ext {margin-left: auto; margin-right: auto;}
#ad_ban_head {margin-top: 5px; text-align: center;}
#lyr_sub {margin: 10px 0; padding: 6px 2px; box-shadow: 1px 1px 3px #dcdcdc;}
#home_lib {margin: 3px 4px 0 10px; text-align: justify;}
#art_track tr {line-height: 22px;}
#list_nav {list-style: none; margin-top: 8px; text-align: center;}
#list_nav li {display: inline-block; width: 50px; margin: 4px; padding: 2px; line-height: 23px; border: 1px solid black; box-shadow: 0 1px 0 white inset;}
#list_nav li a {display: block; color: white; text-align: center;}
#ulG ul {margin: 26px 4px;}
#ulG ul li {line-height: 18px; padding: 3px 0; text-align: justify;}
#cont_post {width: 314px;}

a.lien_mb {background: #8846d2 right no-repeat url(/img/mb_icon.png); color: white; padding: 3px 17px 3px 5px; border: 1px solid #333333; border-radius: 6px 3px 6px 3px; box-shadow: inset 0 1px 0px #ddc5f6, 2px 1px 2px #333333; font-family: Times New Roman, Times, serif; font-size: 1.05em; text-shadow: 2px 1px 0 #333333;}
a.lien_mb:hover {box-shadow: 1px 1px 2px #333333 inset;}
a.lien_cnx {margin: 0 80px 0 0; line-height: 18px;}
a.lien_cnx:hover {color: #8d8482;}
a.ulc {color: #7701ff; font-weight: bold;}
a.ulc:hover {text-shadow: 1px 1px 1px #d4affe;}
a.split {color: black; text-decoration: underline;}
a.split:hover {color: black;}
li.liBef:before {content: "\25C8"; color: #007fff; font-family: "Arial Unicode MS"; font-size: 1em; padding-right: 3px; vertical-align: bottom;}
.input_b {height: 25px; border: none; background-color: white; box-shadow: 0px -1px 1px #a26ddc inset; color: black; font-family: Verdana, Geneva, sans-serif; font-size: 0.65em; font-weight: bold; text-align: center;}
.input_c, .input_f {padding: 2px; border: 1px solid #007fff; font-family: Verdana, Geneva, sans-serif; font-size: 0.75em; font-weight: bold;}
.input_c {box-shadow: 0px -1px 1px #7dbeff inset;}
.inpW {width: 200px; height: 22px;}
.selW {width: 206px; height: 28px;}
.txtW {width: 200px; min-height: 44px; resize: none;}
.input_sep {color: #808080; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em; padding: 2px;}
.btn, .btnG {color: white; min-width: 60px; padding: 2px; line-height: 23px; border: 1px solid black; box-shadow: 0 1px 0 white inset;}
.btn {background: #007fff;}
.btnG {background: #808080;}
.listN {background: #007fff;} .listA {background: orange;} .list10 {background: #808080;}
.mbGris {background-color: #646464;} .mbNoir {background-color: black;}
.inv {color: #8d8482;}
.inv:hover {color: #8d8482;}
.btn:hover {border: 1px solid #007fff; box-shadow: 2px 1px 2px #333333;}
.btnG:hover {border: 1px solid #808080; box-shadow: 2px 1px 2px #333333;}
.btn_rech {width: 23px; height: 27px; background: #ffd700 center no-repeat url(/img/loupe.png); vertical-align: middle; border: 1px solid black; border-radius: 0 6px 6px 0; box-shadow: 0 1px 0 white inset;}
.btn_close {width: 17px; height: 17px; background: #ffa500 center no-repeat url(/img/fermer.png); vertical-align: middle; margin: 0 0 2px 4px; border: 1px solid #ffa500; border-radius: 30px;}
.btn_close:hover {box-shadow: 2px 1px 2px #333333;}
.ui-expd {border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.btn_rech:hover, .ui-expd:hover {border: 1px solid #ffd700; box-shadow: none;}
.rad {border-radius: 6px;}
.hlg {color: #ffa500;}
.ac_art {font-size: 0.92em; font-style: italic;}
.query {font-style: italic;}
.no_disp {display: none;}
.ui-icon {float: left; margin-top: 3px;}
.fich_lib {float: left;}
.nom_mb {display: none;}
.table_std {border-spacing: 0; width: 100%;}
.table_std td {padding: 3px;}
.table_std2 {border-spacing: 1px; width: 100%;}
.table_std2 td {padding: 2px; text-align: center;}
.cnx_tbl {text-align: left; margin-top: 10px;}
.cnx_sub {height: 45px;}
.txt_c, .tbl_ctr {text-align: center;}
.txt_r {text-align: right;}
.green_out, .orange_out, .red_out {padding: 5px; line-height: 18px;}
.green_out {background-color: #e7ffe7; border: 1px solid #6fff6f; box-shadow: inset 0 0 5px #6fff6f;}
.orange_out {background-color: #fff6e7; border: 1px solid #ffcc6f; box-shadow: inset 0 0 5px #ffcc6f;}
.red_out {background-color: #ffe7e7; border: 1px solid #ff6f6f; box-shadow: inset 0 0 5px #ff6f6f;}
.ui_flech {margin: 1px 0 0 13px;}
.f_menu {width: 100px; padding: 0; line-height: 28px;}
.f_desc {padding: 2px 4px; line-height: 18px;}
.lib_fic {padding: 6px 4px;}
.pic_fic {float: left; width: 150px; height: 150px;}
.pic_fic2 {float: left; width: 100px; height: 100px;}
.fich_ul {width: 312px; min-height: 180px; margin: 7px 0; border-top: 1px dotted #dcdcdc; border-right: 1px dotted #dcdcdc; border-bottom: 1px dotted #dcdcdc;}
.fich_ul li {padding: 2px; line-height: 18px;}
.nowr {white-space: nowrap;}
.partage, .partage2 {width: 240px; height: 30px; margin: 16px 32px 0;}
.partage3 {width: 240px; height: 30px; margin: 52px 32px 0;}
.partage li, .partage2 li, .partage3 li {float: left; padding: 4px;}
.t_mrg {margin-bottom: 18px;}
.last_titl {color: #8846d2;}
.mp3 {margin: 1px 0; color: #333333; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2em; text-align: center; line-height: 50px;}
.pLib {color: #ffa500; font-family: Impact; font-size: 1.5em;}
.tLib {color: #ff4500; font-family: Impact; font-size: 1.5em;}
.pTit {font-weight: bold; display: block;}
.clr {clear: left; height: 20px;}
.gras {font-weight: bold;}
.com_head {margin: 10px 0 8px -6px; padding: 0 4px; border-bottom: 1px solid #007fff; border-left: 6px solid #007fff; line-height: 36px; font-weight: bold; font-size: 1.3em;}
.cat_base {width: 306px; margin: 4px -6px; padding: 0 4px; line-height: 36px;}
.catBleu {border-bottom: 1px solid #007fff; border-left: 6px solid #007fff;}
.catLime {border-bottom: 1px solid #00ff00; border-left: 6px solid #00ff00;}
.catORed {border-bottom: 1px solid #ff4500; border-left: 6px solid #ff4500;}
.catRed {border-bottom: 1px solid red; border-left: 6px solid red;}
.all_cat {width: 314px;}
.lib_cat {font-weight: bold; text-align: center;}
.cont_cat {margin: 2px 0 12px;}
.cont_act {margin: 20px 0; background: #007fff;}
.tri {margin-bottom: 10px; background: #007fff;}
.tri_off {margin-bottom: 10px; background: #41a0ff;}
.cont_act a, .tri a, .tri_off a {display: block; padding: 4px; color: white; font-weight: bold;}
.tri a {border: 1px solid #333333; box-shadow: 2px 1px 2px #454545;}
.tri_off a {border: 1px solid #41a0ff;}
.cont_act a:hover {background: #41a0ff;}
.tri_off a:hover {background: #007fff; border: 1px solid #333333; box-shadow: 2px 1px 2px #454545;}
.art_triw1 {width: 50%;} .art_triw2 {width: 50%;} .art_wid1, .list_wid1 {width: 80%;} .art_wid2, .list_wid4 {width: 10%;} .art_wid3 {width: 90%;} .list_wid2 {width: 20%;} .list_wid3 {width: 70%;}
.na {padding: 0 7px;}
.comTr {box-shadow: inset -1px 0 1px #8d8482;}
.comE {color: #8d8482;}
.comE a {color: #007fff;}
.comD {color: #646464; font-size: 0.8em; text-align: right;}
.comC {color: #3c3c3c; border-bottom: 26px solid white;}
.com_num {color: black; font-weight: bold;}
.capt_grid {width: 234px; border-spacing: 0; margin-left: auto; margin-right: auto;}
.capt_grid tr {text-align: center;}
.capt_grid td {width: 78px; padding: 0;}
.capt_grid img {margin: 0;}
.capt_sel {margin: 5px 0; padding: 3px 0; background: #fff9f1; border-top: 1px solid #ffcc6f; border-bottom: 1px solid #ffcc6f;}
.capt_seq {margin-top: 2px; line-height: 20px;}
.capt_cur {font-weight: bold;}
.capt_btn {margin: 5px 0; text-align: center;}
.capt_btn li {display: inline-block; padding: 0 2px;}
.underL {text-decoration: underline;}
.gold {color: #ffd700;} .pink {color: #ff1493;} .purp {color: #8419ff;}
.ul_nav {border-bottom: 4px solid #8846d2;}
.line_th {text-decoration: line-through;}
.fb_main {margin: 10px 0 15px; text-align: center;}
.fb_main2 {margin: 20px 0 0; text-align: center;}
.small_txt {font-size: 0.85em;}
.medium_txt {font-size: 0.95em;}
.top_ent {display: inline-block; text-align: center; padding: 1px; border-radius: 10px;}
.te10 {width: 22px;}
.te100 {width: 25px; padding: 2px 5px; text-align: right;}
.topF_lyr {border-right: 3px solid #007fff;}
.topF_trd {border-right: 3px solid #00ff00;}
.topA {border-right: 3px solid #333333;}
.hover1:hover {background: #dcdcdc;}
.sep1, .sep2 {border: none; border-top: 1px dotted #c4c4c4;}
.sep1 {width: 80%;}
.sep2 {width: 100%;}
.just {text-align: justify;}
.art_h {margin: 10px 0; text-align: center; font-size: 1.3em;}
.margR {margin-top: 34px; margin-bottom: 12px;}
.margL {margin-left: 3px;}
.ctr_tbl {margin-left: auto; margin-right: auto;}

@media all and (min-width: 360px) {
#barre, #logo, #slogan, #corps, #corps2 {width: 360px;}
#membre {width: 76px;}
#rech {width: 270px;}
#r1 {width: 60px;}
#r2 {width: 84px;}
#cook {width: 336px;}
#txt_pres, #foot_tbl, #copyr {width: 346px;}
#corpsA, #fich, #cont_post {width: 354px;}
#menu, #foot {width: 360px;}
#submenu ul {width: 292px; margin: 6px 36px;}
#menu_cont li {padding: 0 5px; font-size: 1.1em;}
.fich_ul {width: 352px;}
.partage {margin: 16px 52px 0;}
.partage2, .partage3 {margin: 52px 52px 0;}
.cat_base {width: 346px;}
.all_cat {width: 354px;}
}
@media all and (min-width: 640px) {
#barre, #corps, #corps2 {width: 640px;}
#head, #barre {height: 80px;}
#logo, #slogan {width: 250px;}
#logo {float: left;}
#titre {width: 386px; height: 25px; display: block; float: right; padding: 2px; line-height: 10px; text-align: right; font-family: Verdana, Geneva, sans-serif; font-size: 0.65em;}
#membre {width: 85px;}
#rech {width: 291px;}
#r1 {width: 75px;}
#r2 {width: 105px;}
#cook {width: 616px; font-size: 0.98em;}
#corpsA, #fich, #cont_post {width: 634px;}
#menu, #foot {width: 640px;}
#txt_pres {width: 626px;}
#foot_menu li a:hover {background: white; color: black; border-bottom: 3px solid #8846d2; font-weight: bold;}
#submenu ul {width: 596px; margin: 6px 24px;}
#foot_tbl, #copyr {width: 626px;}
#pseudo, #com {width: 300px;}
#slogan2 {font-size: 0.98em;}
#art_track tr {line-height: 20px;}
.fich_ul {width: 632px; min-height: 150px; height: 150px;}
.fich_ul li {line-height: 21px;}
.partage, .partage2, .partage3 {width: 100%; margin: 0 2px;}
.t_mrg {margin-bottom: 0;}
.tw, .gg {margin-top: 1px;}
.pTit {display: inline;}
.art_triw1 {width: 72%;} .art_triw2 {width: 28%;}
.cat_base {width: 626px; clear: left;}
.all_cat {width: 317px; float: left;}
.fb_main2 {clear: left;}
.inpW, .txtW {width: 300px;}
.selW {width: 306px;}
li.liBef:before {font-size: 1.8em;}
}
@media all and (min-width: 960px) {
#head {position: absolute; top: 0; left: 0; z-index: 99997; overflow: hidden;}
body > #head {position: fixed;}
#corps, #menu {margin-top: 81px;}
#barre, #corps, #corps2 {width: 960px;}
#titre {width: 706px; height: 10px;}
#membre {width: 216px; text-align: center;}
#mb_expand {margin: -5px 42px;}
#mb_expand li a {box-shadow: 2px 1px 4px #333333;}
#rech {width: 480px;}
#r1 {width: 150px;}
#r2 {width: 210px;}
#cook {width: 936px;}
#main_titr {line-height: 30px;}
#main_titr li {font-size: 1.6em;}
#corpsA {width: 610px; float: left;}
#corpsB {display: block; width: 344px; min-height: 483px; float: left;}
#sub_cont {padding: 2px;}
#sub_cont2 {padding: 24px 2px 2px;}
#menu, #foot {width: 960px;}
#submenu ul {width: 699px; margin: 6px 132px;}
#submenu .no_li {display: none;}
#txt_pres, #foot_tbl, #copyr {width: 946px;}
#fich {width: 954px;}
#cont_post {width: 610px;} 
#ad_rect_sub {display: block; width: 336px; height: 280px; margin: 19px 0; text-align: left;}
.nom_mb {display: inline;}
.fich_ul {width: 952px;}
.clip {margin-left: -2px; text-align: center;}
.list_acc, .list_head {width: 330px; margin: 10px 0 10px -2px; padding: 0 4px; line-height: 36px; font-weight: bold; font-size: 1.3em; text-align: center;}
.list_acc {border-right: 6px solid #ff0190; border-bottom: 1px solid #ff0190;}
.list_head {border-right: 6px solid #007fff; border-bottom: 1px solid #007fff;}
.fb_main, .fb_main2 {display: none;}
.fb_sub {margin: 10px 2px;}
.cat_base {width: 602px;}
.all_cat {width: 305px;}
.clrA {color: #ff0190;}
.clrC {color: #007fff;}
}