*
{
    margin:0;
    padding:0;
    border:0;
    outline: 0;
    /*debug*/
    /*border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;*/

}
body {
    /*background-color: #ffffff;
    font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;  
    margin: 10px;*/
    
    background-image:url(../img/bg-orange-3-small.jpg);
    background-repeat: repeat;
    background-position: 0 0;
}

div#sur-conteneur {
    position:relative;
    margin:0 auto;;
    margin-top:30px;
    margin-bottom:20px;
    width:758px;
    /*background-color:yellow;*/
}

.dummy-small-bm-trans, .dummy-small-tm-trans{
    position:relative;
    background-color:#fcdbb9;
    width:738px;
    height:10px;
}

.dummy-small-tr-trans{
    float:right;
    position:relative;

    background-image:url(../img/dummy/tr_transparent.png);
}
.dummy-small-tm-trans{
    float:left;
    position:relative;
}
.dummy-small-tl-trans{
    float:left;
    position:relative;
    background-image:url(../img/dummy/tl_transparent.png);
}

.dummy-small-br-trans{
    float:right;
    position:relative;

    background-image:url(../img/dummy/br_transparent.png);
}
.dummy-small-bm-trans{
    float:left;
    position:relative;
}

.dummy-small-bl-trans{
    float:left;
    position:relative;

    background-image:url(../img/dummy/bl_transparent.png);


}

.dummy-small-tr{
    position:absolute;
    top:0;
    right:0;
    
    background-image:url(../img/dummy/tr.png);    
}

.dummy-small-tl{
    position:absolute;
    top:0;
    left:0;
    
    background-image:url(../img/dummy/tl.png);    
}

.dummy-small-br{
    position:absolute;
    bottom:0;
    right:0;
    
    background-image:url(../img/dummy/br.png);
}

.dummy-small-bl{
    position:absolute;
    
    bottom:0;
    left:0;
        
    background-image:url(../img/dummy/bl.png);     
}

.dummy-small-br-trans, .dummy-small-bl-trans, .dummy-small-tr-trans, .dummy-small-tl-trans,
.dummy-small-br, .dummy-small-bl, .dummy-small-tr, .dummy-small-tl{
    min-width: 0; /* Peekaboo bug fix for IE7 */
    overflow: hidden; /* Bug sous IE6 */


    width:10px;
    height:10px;
    background-repeat: no-repeat;
    background-position: 0 0;

}

.puce-titre-tl{
    position:absolute;
    top:0.4em;
    left:8px;

    width:25px;
    height:25px;
    background-position: 0 0;
    background-image:url(../img/puce-musique-2.png);
    background-repeat:no-repeat;
}

div.clearDiv {
    clear:both;
}

div#conteneur {
    position:relative;

    width:758px;
min-height:870px;

    background-color:#fcdbb9;
}

div#sous-conteneur {
    position:relative;
    width:728px;
    margin:0 auto;
    /*border: 1px solid #000;*/
}

div#pied-de-page {
    background-color:#fca549;
    color:#fff;
    text-align:center;
    position:relative;
    margin-top:15px;
}

div#pied-de-page-note {
    background-color:#fcc997;
    color:#fff;
    text-align:center;
    position:relative;
    margin-top:15px;
    margin-bottom:-10px;
}


div#banniere {
    width:728px;
    height:90px;
    background-image:url(../img/banniere-1-14-b4.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;

}

div#menu {
    width:728px;
    height:60px;
    background-image:url(../img/sous-banniere.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-bottom:10px;
    margin-top:8px;
}

a#bouton1 {
    width:220px;
    height:60px;
    background-image:url(../img/mb1-all.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display:block;
    margin-left:5px;
    float:left;
}
a#bouton2{
    width:220px;
    height:60px;
    background-image:url(../img/mb2-all.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display:block;
    margin-left:5px;
    float:left;
}
div#logo-cbon2ca{

    width:278px;
    height:196px;
    background-image:url(../img/Logo-site-small.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    position:absolute;
    top:-35px;
    right:-25px;
}

div#banniere h1 {
    display:none;
}

div.cadre, div.cadre-1er-col {
    overflow:hidden;
    position:relative;
    background-color:#fcf6f0; /* TODO checker pour réduire la taille du fond ! et si contenu-cadre nécessaire !!!!! */
}
div.cadre{
    margin-top:10px;
}

div.contenu-cadre{
    padding:10px 10px 10px 10px;
    overflow:hidden;
}

p.cadreTail{
    margin-top:0.7em;
}


h2.titre-cadre {
    font-family:georgia, prestige, sans-serif;
    font-size:1em;
    color:#f25311;

    padding-bottom:0.6em;

    /*border-bottom: dotted 2px #fea700;*/
    /*border-bottom: solid 2px #fea700;*/
    white-space:normal;

    
    background-position: 0 100%;
    background-image:url(../img/border-titre-3.jpg);
    background-repeat:no-repeat;

    margin-left:10px;
    padding-left:20px;
}



p.cont-cadre, p.cont-cadre-indent {
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size:0.8em;
    padding-top:0.6em;
}
p.cont-cadre-indent {
    text-indent:0.4em;
}

span.agreable {
    font-family: Algerian, Critter, Rosewood, georgia, Geneva,Arial,Helvetica,sans-serif;
    font-size:0.7em;
    font-style:italic;
}

span.valeur {
    font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
    font-size:1.1em;
    font-weight:700;
    color:#fc8800;
}
span.valeur-small {
    font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
    font-size:1em;
    font-weight:700;
    color:#fc8800;
}
span.italique{
    font-style:italic;
    font-size:0.9em;
}


div#col-droite {
    width:359px;
    float:right;
    position:relative;
}

div#col-gauche{
    width:359px;
    position:relative;
}



/* borne test */
div.titre-morceau{
    float:left;
    background-position: 0 0;
    background-image:url(../img/puce-musique-small-green-3.png);
    background-repeat:no-repeat;
    padding-left:25px;

    /*margin-left:1em;*/

    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size:0.9em;
    position:relative;
    color:#40a842;
    height:19px;
    margin-bottom:5px;
}
div.lecteur-titre{
    float:right;
    position:relative;
}
div.commentaire-titre{
    /*margin-top:5px;*/
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size:0.7em;
    position:relative;
    border-bottom-style:groove;
    font-style:italic;
    margin-left:25px;
    padding-left:5px;
    padding-top:5px;
    border-left:1px solid #fcdebb;/*fc8800;/*40a842;*/
    border-top:1px solid #fcdebb;/*fc8800;/*40a842;*/
}


ul.liste, ul.liste2 {
    list-style-type:none;
    margin-left:0.4em;

    padding-bottom:1em;
    padding-top:0;
    padding-left:0;
    padding-right:0;

}

ul.liste li {
    background-image:url(../img/puce-musique-vsmall-green-3.png);
    background-repeat:no-repeat;
    background-position:0 0.6em;
    padding-left:1.4em;
    padding-top:0.5em;
    font-size:0.9em;
    /*font-family: Geneva,Arial,Helvetica,sans-serif;*/
}

ul.liste2 li {
    background-image:url(../img/puce-carree-2.jpg);
    background-repeat:no-repeat;
    background-position:0 0.8em;
    padding-left:1.2em;
    padding-top:0.5em;
    font-size:0.9em;
    /*font-family: Geneva,Arial,Helvetica,sans-serif;*/
}

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF; 
    font-size:  16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #D20005;
}

a:link, a:visited {
  color:blue;/*#045491;*/
  /*font-weight : bold;*/
  text-decoration: none;
}

a:link:hover, a:visited:hover  {
  color:blue;/*#045491;*/
  /*font-weight : bold;*/
  text-decoration : underline;
}

div.photo2 {
    float:right;
    margin-top:10px;
    margin-left:5px;
    margin-bottom:5px;
    width:150px;
    height:106px;
    position:relative;
    background-image:url(../img/p2.jpg);
    background-repeat:no-repeat;
}

div.photo3 {
    float:right;
    margin-top:10px;
    margin-left:5px;
    margin-bottom:5px;
    width:150px;
    height:100px;
    position:relative;
    background-image:url(../img/p3.jpg);
    background-repeat:no-repeat;
}