/* CSS Document            bleu clair : #3399CC           bleu foncé :   #336699         */

body {
background-color:#fff; /*336699 3399CC    3D356F 990033 */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image:url(common/images/degrade3.gif);
background-attachment: fixed;
background-position: bottom;
background-repeat: repeat-x;
margin-top: 10px auto 10px auto;
color: #003366;
}

ul {
list-style-type: none;
}

img, a img {
border: 0px;
}

h1 {
color:#fff;
margin:0;
padding:0;
}

h3 {
font-size:14px;
color: #003366;
}

.titre {
color:#E4923B;		 /* C0242F */
font-weight:bold;
}

.titre2 {
color:#C0242F;		 /* C0242F */
font-weight:bold;
}

.titre3 {
color:#929700;		 /* C0242F */
font-weight:bold;
margin-top: 30px;
font-size: 11pt;
font-size: 11px;
}

a {text-decoration:none;}
a.lien { color:#003366;}
a.lien:hover { color: #E4923B; }

a.lien { color:#003366;}
a.lien:hover { color: #E4923B; }/* D0832F  DC8B35
a.lien:active { color: #222222; }
a.lien:visited { color:#003366; }*/

a.lien2 { color:#3399CC; } /* 3399CC */
a.lien2:hover { color: #929700; } /* C32732 */
/* a.lien2:active { color: #222222; }
a.lien2:visited { color:#3399CC; }*/

a.lien3 { color:#003366; }
a.lien3:hover { color: #F99B21; }/*
a.lien3:active { color: #D5D654; }
a.lien3:visited { color:#003366; }*/

a.lien4 { color:#929700; }
a.lien4:hover { color: #F99B21; }/*
a.lien4:active { color: #D5D654; }
a.lien4:visited { color:#929700; }*/

a.lien5{ color:#E4923B; }
a.lien5:hover { color: #929700; } /* F99B21  */
/*
a.lien5:active { color: #E4923B; }
a.lien5:visited { color:#E4923B; }*/

a.lien6 { color:#003366; }
a.lien6:hover { color: #929700; }/*
a.lien6:active { color: #929700; }
a.lien6:visited { color:#003366; }*/

a.lien7{ color:#E4923B; }
a.lien7:hover { color: #336699; } 

a.lien8 { color:#3399CC; } /* 3399CC */
a.lien8:hover { color: #F99B21; } /* 336699   C32732 */

.s4 {
color:#929700;
}

#global {
width:100%;
/*background-color:#FF0000;  not visible */
margin: 0 auto;
padding:0;
}

/*
#top {
width:100%;
color:#FFFFFF;
padding: 0px 0px;
margin:0;
}
*/

#bandeau {
/*height:195px; */
background-color:#3399CC; /* 336699 #3399CC; */
background-image:url(common/images/piano_neg.gif);
background-attachment: scroll;
background-position: top;
background-repeat: repeat-x;
padding: 50px 0px 20px 0px ;
border: 0px solid #FF0000;
}

#content {
/* background-color: #336699; height:80%;*/
text-align:left;
margin: 0px; 
border: 1px solid #3399CC;
width:740px;
/* color:#3399CC; */
background-color:#FFF;
}

#footer {
width:720px;
height: 5%;
text-align: left;
margin: 0px;
padding: 2px 10px;
border: 0px solid #339900;
}

#bio {
/* background-color: #336699; height:80%;*/
background-color:#FFF;
text-align:left;
padding: 20px 35px ;
color:#003366;  /* 336699 */
margin-left:auto;
margin-right:auto;
text-align:justify;
line-height: 12pt;
/*
background-image:url(common/images/piano.gif);
background-attachment: scroll;
background-position: bottom;
background-repeat: repeat-x;
*/
}

#corps {
/* background-color: #336699; height:80%;
background-color:#FFF;*/
text-align:left;
padding: 20px 35px;
color:#003366;  /* 336699 */
margin-left:auto;
margin-right:auto;
text-align:justify;
line-height: 12.5pt;
min-height: 300px;
/*
background-image:url(common/images/piano.gif);
background-attachment: scroll;
background-position: bottom;
background-repeat: repeat-x;
*/
}
#content_repertoire {
text-align:left;
margin: 0px; 
border: 1px solid #3399CC;
width:740px;
/* color:#3399CC; */
background: #FFF url(common/images/bg_rep.jpg) no-repeat bottom right;
/*
background-image:  url(common/images/bg_rep.gif);
background-position:bottom right;
background-repeat:no-repeat;
background-color:#FFF;
*/
}

#content_ecrits {
text-align:left;
margin: 0px; 
border: 1px solid #3399CC;
width:740px;
/* color:#3399CC; */
background: url(common/images/bg_ecrits2.jpg) no-repeat bottom right;
background-color:#FFF;
}

#content_presse {
text-align:left;
margin: 0px; 
border: 1px solid #3399CC;
width:740px;
background: #FFF url(common/images/bg_presse.jpg) no-repeat bottom right;
}

#content_actus {
text-align:left;
margin: 0px; 
border: 1px solid #3399CC;
width:740px;
background-color:#FFF;
/*  background: #fff url(common/photos/noir.jpg) no-repeat bottom right;  */
}

#content_liens {
text-align:left;
margin: 0px; 
border: 1px solid #3399CC;
width:740px;
background:  #FFF url(common/images/bg_liens.jpg) no-repeat bottom right;
}

#accueil {
margin: 20px;
}

div#navcontainer {
background-color: #336699; /*3399CC 99CCFF; */
border-top: solid  0px #FFFFFF;
border-bottom: solid  0px #FFFFFF;
}

#navcontainer a {
color: #000;
text-decoration: none;
display: inline;
width: 100px;
border-top: 0px solid #A8B090;
border-bottom: 0px solid #A8B090;
border-left: 0px solid #A8B090;
}

div#navcontainer ul {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px; /* 0 */
padding-top: 5px;   /* 0 */
padding-left: 0px;
}
div#navcontainer ul li {
display: inline;
}
div#navcontainer ul li a {
padding: 5px 15px 5px 15px;
margin: 0px;
color: white;
text-decoration: none;
border-left: 0px solid #fff;
border-right: 0px solid #fff; /* i bordi vanno uguali */
margin-right: -1px; /* il valore deve essere il numero sopra ma negativo */
}
div#navcontainer ul li a:hover {
background-color: #fff;
color: #003366; /* 336699 */
}

#navcontainer li#active { 
background: url("common/images/navBarBgHover.gif") repeat-x 30px;
padding: 5px 0px 5px 0px;
color: #336699; /* 336699 */
padding: 5px 15px 5px 15px;
}
#navcontainer a:hover { background: url("common/images/navBarBgHover.gif") repeat-x 30px; }

.gauche {
position:relative;
float: left;
margin: 5px 10px 5px 5px ;
}
.droite {
position:relative;
float:right;
margin: 10px 0px 10px 20px ;
}
.droite2 {
float:right;
margin: 10px 30px 10px 20px ;
z-index:300;
}

.ligne {
position:relative;
float:left;
width:700px;
margin: 1em auto;
}

.albums {
width:45%;
float:left;
margin-right: 10px;
border:0px #33FFCC solid;
}

.photos {
width:15%;
float:left;
margin-right: 10px;
margin-left:  10px;
border: 0px #3300CC solid;
}


a.info { position: relative; text-decoration: none; color: black; cursor: default; }
a.info span { display: none; cursor: default; }
a.info:hover { background: none; /* correction d'un bug IE */ z-index: 100; cursor: default; }
a.info:hover span { 
display: inline;
position: absolute;
top: -50px;
left: -50px;
width: 200px;
background: #dce2ec;
text-align: left;
color: #2d5978;
padding: 2px;
border: 0px #2d5978 solid;
cursor: default;
z-index:100;
}

.audio {
z-index:1;
}

.ecouter {
z-index:1;
margin:5px 0px;
}

.retrait {
margin:0px;
padding-left: 50px;
}
.retrait1 {
margin:0px;
padding-left: 30px;
}

div#top, div#top a {
text-align:right;
font-size: 8pt;
}

.tableau {
border-color: #3399CC;
}

.form {
background-color: #dce2ec;
}