body
        {
            margin: 0;
            padding: 0;
            font: normal 85% arial, helvetica, sans-serif;
            color: #000;
            background-color: #EDEFF4;
        }
        .titre
        {
       		top :1px;
            left:1px;
            position: absolute;
            background: url('images/Logo.png') no-repeat;
            width: 166px;
            height: 77px;
        }
        .search_Menu
        {
            list-style:none;
            margin:0;
            padding:0;
            right:0;
            top:0
        }
        .t_color
        {
            float: right;
            top :1px;
            right: 1px;
            position: absolute;
            width  : 126px;
            height : 37px;
        }
        .Btn_color
        {
            top :4px;
            right: 130px;
            position: absolute;
            background:url(images/up.gif) no-repeat;
            width  : 29px;
            height : 30px;
            cursor: pointer;
        }
        .Btn_color_show
        {
            display: none;
            top :4px;
            right: 130px;
            position: absolute;
            background:url(images/down.gif) no-repeat;
            width  : 29px;
            height : 30px;
            cursor: pointer;
        }
        .c_color{list-style:none;margin:0;padding:0;right:0;top:0}
        .c_color li{float:left}
        .c_color a{
            background-color:#DD9CCB;
            width: 14px;
            height: 14px;
            display:block;
            display:inline-block;
            font-weight:bold;
            padding:0;
            border: 1px solid #000;
            margin: 1px 1px 0px 1px;
            text-decoration:none
        }
        .search_Menu a{
            color:#771D5E;
            display:block;
            font-weight:bold;
            height:54px;
            width: 200px;
            padding:4px 10px 2px 4px;
            text-decoration:none
        }
        .search_Menu a:hover,
        .search_Menu a:focus,
        .search_Menu a:active{outline:none;background-color:#C870B0;color:#fff; }
         .search_img
        {
           float: left;
           border: 0;
           margin : 0px 5px 0px 0px;

        }
        .search_title
        {
            font-size: 11px;

        }


        .ONA_DIV_STYLE
        {
            position:absolute;
            overflow:auto;
            border:1px solid #A7A7A7;
            background-color:#E9E9E9;
            text-align:left;
            font-size:0.9em;
            z-index:100;
        }
    .MENU
    {
        position:fixed;
        left:0px;
        top:0px;
        height:60px;
        width:100%;
        border:1px solid #A4A4A4;
        background-color:#C6C6C6;
        font-size:0.9em;
        z-index:10;
    }
    .ONA_DIV_CLOSE{
        position:absolute;
        border:1px solid #A7A7A7;
        background-color:#E9E9E9;
        z-index:100;
    }
    .ONA_TEXT_LIST
    {
    font-family: times, serif ;
    font-size: 8pt ;
    color: #000000 ;
    background-color : #FFFFFF ;
    font-size: 18px;
    }







        .auteur
        {
        margin:1em 0 0 0;
        float:right;
        display:block;
        }

        .auteur ul
        {
        color:#000;
        background-color:transparent;
        margin:0 0 0 0.5em;
        padding:0 1em;
        }

        .auteur li
        {
        font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size:80%;
        list-style:none;
        background-color:transparent;
        }

        .auteur li.dernier
        {
        border-bottom:0;
        }
        .Nom_auteur
        {
            font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
            font-size:15px;
            list-style:none;
        }
        .two_col
        {
            font-size:11px;
            float:left;
            width:90%;
            background:#fff;
            border:1px solid #771D5E;
            -moz-border-radius:8px;
            -khtml-border-radius:8px;
            -webkit-border-radius:8px;
            border-radius:8px;
            margin:0 0 10px 15px;
            padding:10px;
        }
        :hover.two_col
        {
            background:#DD9CCB;
        }



        .two_col p
        {
           margin-bottom:10px;
        }
        .two_col h4
        {
            font-size:14px;
            font-weight:700;
            color:#771D5E;
            margin-bottom:8px;
        }
        #col_right_comment
        {
           z-index:2;
        }
        .comments_template h3#respond
        {
            margin-top:15px;
        }
        #commentform
        {
            width:100%;
            position:relative;
            z-index:2;
        }
        #commentform input#nom,#commentform input#email,#commentform input#url
        {
            width:155px;
            border:1px solid #771D5E;
            position:relative;
            z-index:2;
            padding:1px 2px;
        }
        #commentform input:focus#nom, #commentform input:focus#email, #commentform input:focus#url
        {
            background:#DD9CCB;
            border:1px solid #771D5E;
        }
        #commentform textarea
        {
            width:95%;
            border:1px solid #771D5E;
            position:relative;
            z-index:2;
            padding:4px;
        }
#commentform textarea:focus{background:#DD9CCB;border:1px solid #771D5E;}
#commentform input#submit{background:#771D5E;color:#fff;border:0;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;position:relative;z-index:2;padding:4px 10px;}



        .main
        {
            margin: 0;
            padding: 0;
            width:100%;
            height:auto;
        }
        .pages ul
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
            text-align: center;
        }
        .pages ul li { display: inline; }
        .pages a
        {
            font-size: 15px;
            font-weight: bold;
            text-align:center;
            padding: .1em .3em .1em .3em;
            text-decoration: none;
        }
        #tablemusic
        {
            font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
            font-size: 12px;
            margin: 0px;
            width: 100%;

            text-align: left;
            border-collapse: collapse;
        }
        #tablemusic th
        {
            text-align:center;
            font-size: 15px;
            font-weight: normal;
            padding: 8px;
            background: #771D5E;
            border-top: 4px solid #DD9CCB;
            border-bottom: 1px solid #fff;
            color: #FFF;
        }
        #tablemusic td
        {
            padding: 0px 8px 0px 8px;
            background: #C870B0;
            border-bottom: 1px solid #fff;
            color: #FFF;
            border-top: 1px solid transparent;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
        }
        #tablemusic tr:hover td
        {
            background: #DD9CCB;
            color: #771D5E;
        }
        .button {
            color: #FFF;
            border: 1px solid #FFF;
            background: #771D5E;
        }
        :hover.button {
            color: #000;
            background: #DD9CCB;
        }


        .header_bar
        {
            width: 100%;
            height: 41px;
            margin-bottom:0px;
        }
        .cadr_imag_chant
        {
            float:left;
            background-color: #771D5E;
            margin:2px 2px 2px 2px;
            border:2px solid #771D5E;
            width:150px;
            height: 220px;
        }
        :hover.cadr_imag_chant
        {
            background-color: #C870B0;
        }
        .listen_all a{
            background:#771D5E;
            display:block;
            color:#FFF;
            font-size: 17px;
            font-weight:bold;
            height:auto;
            line-height:29px;
            margin-bottom:14px;
            text-decoration:none;
            border:1px solid #771D5E;
            width: 0 auto ;
        }
        .listen_all a:hover{
            background:#DD9CCB;
            border:1px solid #771D5E;
        }
        .add{
            background:url(images/add.gif) no-repeat 10px 8px;
            text-indent:30px;
            display:block;
        }

        .image_chant img
        {
            border-top:1px solid #771D5E;
            border-left:1px solid #771D5E;
            border-right:1px solid #771D5E;
            border-bottom:0px;
            padding:0px 0px 5px 0px;
            margin:0px 0px 5px 0px;
        }
        .nom_chant a
        {
            font-size: 15px;
            font-weight: bold;
              text-align:center;
            text-decoration: none;
            color: #fff;
        }
        .content
        {
            max-width: 980px;
            width: 100%;
            height: auto;
        }
        .bloc_left
        {
            float:left;
            width: 168px;
            height:auto;
        }
        .bloc_right
        {
            float:right;
            width: 168px;
            height:auto;
        }
        .bloc_center
        {
            width: 600px;
            margin-left:  180px;
            margin-right: 180px;
        }
        .bloc
        {
            margin:0;
        }
        .bloc_title
        {
            background-color: #FFF;
            background: url('images/bloc.jpg') repeat-x top;
            height: 28px 0 0 0 ;
            line-height: 28px;
            margin:0;
            color: #771D5E;
            font-size: 15px;
            font-weight: bold;
            text-align:center;
              border-top: 1px solid #771D5E;
             border-left: 1px solid #771D5E;
             border-right: 1px solid #771D5E;
            border-bottom:0px solid #771D5E;
        }
        .bloc_content
        {

            background: url('images/bloc_c.jpg');
            background-color: #000000;
            margin-bottom: 10px;
            line-height: 1.2em;
            font-size: 10px;
            border: 1px solid #771D5E;
            padding-left:3px;
            padding-right:3px;
            padding-top:8px;
            padding-bottom:3px
        }
        .bloc_tags
        {

            background: '#000000 font-family : Verdana', Geneva, Arial, Helvetica, sans-serif url('images/bloc_c.jpg');
            width:auto;
            margin-bottom:10px;
            font-size:8px;
            border:1px solid #771D5E;
            padding-left:6px;
            padding-right:6px;
            padding-top:6px;
            padding-bottom:6px;
            background-color:sans-serif
        }
        .menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        }

        .menu li {
            border-bottom: 1px solid #ffffff;
            margin: 0;
            }

        .menu li a {
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 10px solid #771D5E;
                border-right: 10px solid #DD9CCB;
                background-color: #771D5E;
                color: #fff;
                font-weight: bold ;
                text-decoration: none;
                width: 100%;
                font-size: 13px;
                }

        .menu li a {
            width: auto;
            }

        .menu li a:hover {
            border-left: 10px solid #DD9CCB;
            border-right: 15px solid #771D5E;
            color: #771D5E;
            padding: 5px 15px 5px 0.5em;
            font-size: 15px;
            }
        .menuhorizon
        {
            background: url('images/bloc_m.jpg');
            width: 650px;
            height: 20px;
            background-color: #DD9CCB;
            margin-bottom:10px;
            border-bottom:1px solid #771D5E;
            border-left:1px solid #771D5E;
            border-right:1px solid #771D5E;
            -moz-border-radius:0px 0px 8px 8px;
        }
        .menuhorizon ul
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
            text-align: center;
        }
        .menuhorizon ul li { display: inline; }
        .menuhorizon a
        {
            font-size: 12px;
            font-weight: bold;
              text-align:center;
            border-bottom:1px solid #771D5E;
            border-left:1px solid #771D5E;
            border-right:1px solid #771D5E;
            padding: .0em .1em .1em .1em;
            text-decoration: none;
            color: #fff;
            background-color: #771D5E;
        }
        .menuhorizon ul li a:hover
        {
            color: #fff;
            background-color: #C870B0;
        }
        .Header_nave
        {
            background-color:#C870B0;
            border:1px solid #771D5E;
            border-bottom:0;
            font-size:11px;
            height:30px;
            width: 650px;
            position:relative;
            top:10px
        }
        .input_search
        {
            width:200px;
            height:18px;
            padding:0;
            margin:4px 0px 0px 4px;
            vertical-align: bottom;
            float:left;
            position:relative;
            top:0;
            *overflow:hidden
        }
        .Header_Menu{list-style:none;margin:0;padding:0;position:absolute;right:0;top:0}
        .Header_Menu li{float:left}
        .Header_Menu a{color:#fff;display:block;display:inline-block;font-weight:bold;height:22px;padding:8px 10px 0 10px;text-decoration:none}
        .Header_Menu a:hover,
        .Header_Menu a:focus,
        .Header_Menu a:active{outline:none;}
        .footer_bar
        {
            clear:both;
            width: 100%;
            height: 36px;
            background-color: #771D5E;
        }