body 
{
margin: 0;
padding: 0;
background: black;
}

#conteneur 
{
position: absolute;
width: 900px;
height: 1220px;
background-color:#000000;
left: 14%;
top: 0%;
/*border-style:solid; 
border-width:1px; 
border-color:#ffffff;*/
}

#header 
{
position: absolute;
left: 0px;
top: 0px;
background-image :url('images/new_bandeau_80x900.png');
height: 80px;
width: 900px;
}

#centre 
{
position: absolute;
background-color:#000000;
left: 0px;
top: 80px;
width: 690px;
height: 900px;
}

.titre_centre
{
position: relative;
top: 30px;
left: 0px;
width: 690px;
height: 20px;
font-family: verdana;
font-size: 1.2em;
color:#A52A2A;
font-weight: bold;
text-align: left;
/*padding-top: 1px;
padding-left: 5px;
*/
}

#box_music {
position: absolute;
left:690px;
top:82px;
width: 210px;
height: 285px;
background-image :url('images/music.png');
background-repeat: no-repeat;
background-position: 0% 0%;
border-style:solid; 
border-width:1px; 
border-color:#A39161;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;

*/
}

#titre_music
{
position: absolute;
top: 207px;
left:698px;
font-family: verdana;
font-size: 0.8em;
color: FFC00C;
text-align: left;
font-weight: bold;
}

#texte_music
{
position: absolute;
top: 227px;
left:698px;
font-family: verdana;
font-size: 0.6em;
color: FFC00C;
text-align: left;
font-weight: normal;
}

#box_tour_dates {
position: absolute;
left:690px;
top:390px;
width: 210px;
height: 285px;
background-image :url('images/calendar.png');
background-repeat: no-repeat;
background-position: 0% 0%;
border-style:solid; 
border-width:1px; 
border-color:#A39161;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;

*/}

#titre_tour_dates
{
position: absolute;
top: 515px;
left:698px;
font-family: verdana;
font-size: 0.8em;
color: FFC00C;
text-align: left;
font-weight: bold;
}

#texte_tour_dates
{
position: absolute;
top: 535px;
left:698px;
font-family: verdana;
font-size: 0.6em;
color: FFC00C;
text-align: left;
font-weight: normal;
}

#box_contact {
position: absolute;
left:690px;
top:695px;
width: 210px;
height: 285px;

background-image :url('images/email.png');
background-repeat: no-repeat;
background-position: 0% 0%;
border-style:solid; 
border-width:1px; 
border-color:#A39161;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
*/
}
#titre_contact
{
position: absolute;
top: 820px;
left:698px;
font-family: verdana;
font-size: 0.8em;
color: FFC00C;
text-align: left;
font-weight: bold;
}

#texte_contact
{
position: absolute;
top: 840px;
left:698px;
font-family: verdana;
font-size: 0.6em;
color: FFC00C;
text-align: left;
font-weight: normal;
}

#box_cd_1 {
position: absolute;
left:0px;
top:1000px;
width: 210px;
height: 200px;
border-style:solid; 
border-width:1px; 
border-color:#A39161;
background-image :url('images/cd_1.png');
background-repeat: no-repeat;
background-position: 50% 95%;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
*/
}
#titre_cd_1
{
position: absolute;
top: 1000px;
left:4px;
font-family: verdana;
font-size: 0.8em;
color: FFC00C;
text-align: left;
font-weight: bold;
}

#texte_cd_1
{
position: absolute;
top: 1008px;
left:4px;
font-family: verdana;
font-size: 0.6em;
color: FFC00C;
text-align: left;
font-weight: normal;
}

#box_cd_2 {
position: absolute;
left:230px;
top:1000px;
width: 210px;
height: 200px;
border-style:solid; 
border-width:1px; 
border-color:#A39161;
background-image :url('images/cd_2.png');
background-repeat: no-repeat;
background-position: 50% 95%;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
*/
}

#titre_cd_2
{
position: absolute;
top: 1000px;
left:234px;
font-family: verdana;
font-size: 0.8em;
color: FFC00C;
text-align: left;
font-weight: bold;
}

#texte_cd_2
{
position: absolute;
top: 1008px;
left:234px;
font-family: verdana;
font-size: 0.6em;
color: FFC00C;
text-align: left;
font-weight: normal;
}

#box_cd_3 {
position: absolute;
left:460px;
top:1000px;
width: 210px;
height: 200px;
border-style:solid; 
border-width:1px; 
border-color:#A39161;
background-image :url('images/cd_3.png');
background-repeat: no-repeat;
background-position: 50% 95%;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
*/
}

#titre_cd_3
{
position: absolute;
top: 1000px;
left:464px;
font-family: verdana;
font-size: 0.8em;
color: FFC00C;
text-align: left;
font-weight: bold;
}

#texte_cd_3
{
position: absolute;
top: 1008px;
left:464px;
font-family: verdana;
font-size: 0.6em;
color: FFC00C;
text-align: left;
font-weight: normal;
}

#box_cd_4 {
position: absolute;
left:690px;
top:1000px;
width: 210px;
height: 200px;
border-style:solid; 
border-width:1px; 
border-color:#A39161;
background-image :url('images/cd_4.png');
background-repeat: no-repeat;
background-position: 50% 95%;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
*/
}

#titre_cd_4
{
position: absolute;
top: 1000px;
left:694px;
font-family: verdana;
font-size: 0.8em;
color: FFC00C;
text-align: left;
font-weight: bold;
}

#texte_cd_4
{
position: absolute;
top: 1008px;
left:694px;
font-family: verdana;
font-size: 0.6em;
color: FFC00C;
text-align: left;
font-weight: normal;
}

#pied {
position: absolute;
top:1200px;
left:0%;
background-color: #000000;
width: 900px;
height: 20px;
padding-top: 0px;
padding-bottom: 0px;
}

.texte_pied
{
position: absolute;
left:40%;
font-family: verdana;
font-size: 0.8em;
color: ffffff;
text-align: center;
font-weight: normal;
}
.centre_text_presentation
{
position: absolute;

top: 80px;
left: 0px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.8em;
color:#ffffff;
font-weight: normal;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border-style:solid; 
border-width:1px; 
border-color:#ffffff;
background-image :url('images/guitare.png');
background-repeat: no-repeat;
background-position: 0% 100%;*/
overflow: auto;
}

.centre_text_stage
{
position: absolute;
background-image :url('images/on_stage.jpg');
background-repeat: no-repeat;
background-position: center; 
top: 80px;
left: 20px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.8em;
color:#81001D;
font-weight: normal;
overflow: auto;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
border-style:solid; 
border-width:1px; 
border-color:#ffffff;
*/

}
.centre_text_biographie_yb
{
position: absolute;
background-image :url('images/film_yb.png');
background-repeat: no-repeat;
background-position: 99% 2%;
top: 80px;
left: 5px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.8em;
color:#ffffff;
/*font-weight: normal;
border-style:solid; 
border-width:1px; 
border-color:#ffffff;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;*/
overflow: auto;
}

.centre_text_biographie_myriam
{
position: absolute;
background-image :url('images/film_myriam.jpg');
background-repeat: no-repeat;
background-position: 99% 2%;
top: 80px;
left: 5px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.8em;
color:#ffffff;
/*font-weight: normal;
border-style:solid; 
border-width:1px; 
border-color:#ffffff;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;*/
overflow: auto;
}

.centre_text_biographie_jm
{
position: absolute;
background-image :url('images/film_jm.png');
background-repeat: no-repeat;
background-position: 99% 2%;
top: 80px;
left: 5px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.8em;
color:#ffffff;
/*font-weight: normal;
border-style:solid; 
border-width:1px; 
border-color:#ffffff;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;*/
overflow: auto;
}

.centre_text_biographie_vince
{
position: absolute;
background-image :url('images/film_vince.png');
background-repeat: no-repeat;
background-position: 99% 2%;
top: 80px;
left: 5px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.8em;
color:#ffffff;
/*font-weight: normal;
border-style:solid; 
border-width:1px; 
border-color:#ffffff;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;*/
overflow: auto;
}

.centre_text_biographie_bub
{
position: absolute;
background-image :url('images/film_bub.png');
background-repeat: no-repeat;
background-position: 99% 2%;
top: 80px;
left: 5px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.8em;
color:#ffffff;
font-weight: normal;
/*border-style:solid; 
border-width:1px; 
border-color:#ffffff;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;*/
overflow: auto;
}

.centre_text_leband
{
position: absolute;
background-repeat: no-repeat;
background-position: center; 
top: 80px;
left: 5px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.8em;
color:#81001D;
font-weight: normal;
/*border-style:solid; 
border-width:1px; 
border-color:#ffffff;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;*/
overflow: auto;
}

.centre_text_repertoire
{
position: absolute;
background-repeat: no-repeat;
background-position: center; 
top: 80px;
left: 5px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.8em;
color:#81001D;
font-weight: normal;
/*border-style:solid; 
border-width:1px; 
border-color:#000d33;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;*/
overflow: auto;
}

.centre_text_archives
{
position: absolute;
background-repeat: no-repeat;
background-position: center; 
top: 80px;
left: 5px;
width: 668px;
height: 820px;
font-family: verdana;
font-size: 0.7em;
color:#A39161;
font-weight: normal;
/*border-style:solid; 
border-width:1px; 
border-color:#000d33;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;*/
overflow: auto;
}


.description {
font-family: Verdana;
font-size: 1.0em;
font-weight: normal;
color: #A39161;
}

.image_floatright{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #ccccdd;
}

.formulaire_contact {
position: absolute;
background-repeat: no-repeat;
background-position: center; 
top: 60px;
left: 5px;
width: 668px;
height: 820px;
font-family: Verdana;
font-size: 0.8em;
font-weight: normal;
text-align: left;
color: #ffffff;
}

.adresse_yb_form_contact
{
position: absolute;
left: 14%;
top: 60%;
width: 230px;
height: 90px;
font-family: verdana;
font-size: 1.0em;
color:#ffffff;
}

.spacer {
clear: both;
}

#home {
position: absolute;
top: 60px;
left: 10px;
font-family: Verdana;
font-size: 0.8em;
font-weight: bold;
color: #ff9000;
}

#corps_texte_centre {
position: absolute;
width: 92%;
margin-left: 4%;
font-family: Verdana;
font-size: 0.8em;
font-weight: normal;
text-align: left;
color: #FFCC33;
}

#box_menus {
position: absolute;
top: 15%;
width: 150px;
height: 100px;
margin-left: 0%;
font-family: Verdana;
font-size: 0.8em;
font-weight: bold;
text-align: left;
}


h1 {
margin-left: 4px;
font-family: Verdana;
font-size: 1.2em;
font-weight: bold;
color: #06437d;
text-align: left;
}

h2 {
margin-left: 0px;
font-family: Verdana;
font-size: 0.8em;
color: #ff9000;
text-align: center;
}

h3 {
font-family: Verdana;
font-size: 0.6em;
color: #ff9000;
text-align: center;
}

h4 {
margin-left: 5%;
font-family: Verdana;
font-size: 1.0em;
color: #A39161;
text-align: left;
}

h5 {
font-family: Verdana;
font-size: 0.6em;
color: #ffffff;
text-align: left;
}

.image_float{
float: left;
margin-left: 100px;
border: 1px solid #ccccdd;
}

.flux 
{
clear: both;
} 

A.lien_rip
{
font-family: verdana;
font-size: 0.9em;
color:#01EBE8;
text-decoration:none;
font-weight:bold;
}

A:hover.lien_rip
{
text-decoration:underline;
}

font.news
{
font-family: verdana;
font-size: 0.8em;
color:#ff9000;
font-weight: normal;
}


#conteneur_photo_historique
{
position: absolute;
top: 0px;
left: 0px;
width: 160px;
background-color: #E6E7E8;
}

#historique li
{
margin-left: 10px;
list-style-type: none;
line-height: 150%;
text-indent: -40px;

}

#dates li
{
margin-left: 10px;
padding-left:4px;
list-style-type: none;
color: #A39161;
}

#morceaux li
{
margin-left: 10px;
padding-left:4px;
font-family: verdana;
font-size: 1.2em;
color: #660000;
list-style-type: square;
}

.titre_dates
{
font-family: verdana;
font-size: 1.0em;
color:#000d33;
font-weight: bold;
}

.titre_champions
{
font-family: verdana;
font-size: 1.0em;
color:#000d33;
font-weight: bold;
}

.pos_date
{
position: absolute;
top:0px;
width: 50px;
height: 20px;
left: 5%;
padding-top: 1px;
}

