
/***
HOMEPAGE
*/
.AgendaHome { position:relative;padding-top:10px; height:300px;width:180px; }
html>body .AgendaHome { height:290px; }

.AgendaHome h3, .ListeAgenda h3 { font-size:10px; color:#2c343c; }
.AgendaHome h2, .ListeAgenda h2 { font-size:10px; color:#2c343c; }
.AgendaHome h1, .ListeAgenda h1 { font-size:11px; }
.AgendaHome h5 { position:absolute; right:10px; bottom:10px; }
.AgendaHome h5 a { color:#000; text-decoration:none; }
.AgendaHome h5 a:hover { color:#000; text-decoration:underline; }
.AgendaHome li { list-style:none; padding-left:10px; padding-right:10px; margin-top:5px; }


.ActuHome { margin-top:5px; height:170px;width:380px; position:relative }
.ActuHome h5 { position:absolute; right:10px; top:10px; }
.ActuHome ul { padding:10px; padding-top:5px;list-style:none; }
.ActuHome li { margin-bottom:10px; }
.ActuHome h5 a { color:#000; text-decoration:none; }
.ActuHome h5 a:hover { color:#000; text-decoration:underline; }
.ActuHome h3 { font-size:10px; color:#929497; }
.ActuHome h1 { font-size:13px; }
.ActuHome h1 a { color:#FFF; text-decoration:none; }
.ActuHome h1 a:hover { color:#ffdd00; }


.ProgrammeListeHome { height:300px; }

.ProgrammeListeHome li {
list-style:square;
margin-bottom:10px;
margin-left:25px;
}
.ProgrammeListeHome li a {
color:#000;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
.ProgrammeListeHome li a:hover {
text-decoration:underline;
}
.ProgrammeHome {
width:190px;
height:300px;
padding-left:10px;
padding-top:10px;
}
.ProgrammeHome li {
list-style:none;
display:none;
}
.ProgrammeHome p {
padding-right:5px;
}
.ProgrammeIllustration li {
list-style:none;
display:none;
}

html>body .ProgrammeHome { height:290px }
.MusicienHome { margin-top:5px; margin-left:10px; }


/**
PAGE ACTULITE
*/
.ActualiteConteneur {}

.ActualiteConteneur .Actualite {
width:780px;
background:#FFF;
}

.ActualiteConteneur .ActualiteDroite {
background:#000;
width:200px;
color:#FFF;
}
.ActualiteDroite ul {
padding:15px;
text-transform:uppercase;
}
.ActualiteDroite li {
list-style:none;
margin-bottom:10px;
}
.ActualiteDroite li h1 {
font-size:13px;

}
.ActualiteDroite li p {
font-size:10px;
color:#929497;
}
.ActualiteDroite li h3 {
font-size:10px;
}

.ActualiteConteneur .Actualite1 .Left {
background:url('../image/titre1/actu.png') no-repeat left bottom #ffdd00;
}
.ActualiteConteneur .Actualite2 {
position:relative;
}
html>body .ActualiteConteneur .Actualite2 {

}


.ActualiteConteneur .Actualite2 .Left {
background:url('../image/fond/actu.motif.png') repeat-y ;
}
.ActualiteConteneur .Actualite2 .Left {
background:url('../image/fond/actu.motif.png') repeat-y ;
}
.ActualiteConteneur .Actualite2 .Left .HeaderFond {
background:url('../image/fond/actu.motif2.png') no-repeat ;
position:absolute;
left:0;top:0;
width:200px;
height:300px;
}

.ActualiteConteneur .ArticleBloc {
padding-left:15px;
padding-right:15px;
height:300px;
}
html>body .ActualiteConteneur .ArticleBloc {
min-height:300px;
height:auto;
}
.ActualiteConteneur .ArticleBloc h1 {
font-size:16px;
color:#000;
text-transform:uppercase;
}
.ActualiteConteneur .ArticleBloc h3 {
margin-top:30px;
color:#a6a6a6;
font-size:11px;
}
.ActualiteConteneur .ArticleBloc h2 {
color:#525151;
font-size:12px;
margin-top:5px;
margin-bottom:10px;
border-bottom:1px solid #525151;
padding-bottom:5px;
} 

.ListeActu ul {
color:#FFF;
padding:15px;
}
.ListeActu li {
list-style:none;
}

/***
PAGE PRESENTATION ONj + DANIEL YVINEC
*/
.Presentation1, .Presentation2, .ProgrammeListePage, .Musicien1, .Musicien2, .AS1, .Pedagogie1 {
background:#FFF;
}
.Presentation1 .Left {
background:url('../image/titre1/onj.png') #db3421 no-repeat left bottom;
}
.Presentation1 .Description p, .Presentation2 .Description p, .ProgrammeListePage .Description p, .Musicien1 .Description p, .AS1 .Description p,
.Pedagogie1 .Description p {
padding:15px;
margin-top:15px;
font-size:11px;
font-weight:bold;
color:#0e0101;
text-align:justify;
}
.Presentation2 .Description p {
background:url('../image/picto/bio.png') no-repeat 440px 0;
padding-top:110px;
}
.ProgrammeListePage .Description {
background:url('../image/fond/programme.page.png') no-repeat top right;
}

.Presentation2 .Left {
color:#FFF;
}
.Presentation2 h2 {
padding:10px;
padding-bottom:0;
text-align:center;
font-size:11px;
}
.Presentation2 h3 {
padding:10px;
padding-top:0;
text-align:center;
font-size:10px;
}
.Presentation2 p {
padding:10px;
padding-top:0;
text-align:center;
font-weight:bold;
font-size:13px;
}

.Presentation3 .Left {
background:url('../image/onj/yvinec.picto.png') #db3421 no-repeat right 30px;
}
.Presentation3 .Left ul {
padding-top:130px;
padding-left:15px;
list-style:none;
}
.Presentation3 .Left li a {
color:#FFF;
text-decoration:none;
}
.Presentation3 .Left li a:hover {
text-decoration:underline;
}

.Presentation3 .Description p {
padding:10px;
}


/***
LISTE PROGRAMME
*/
.ListeProgramme li {
list-style:none;
height:100px;
margin-top:-3px;
}
html>body .ListeProgramme li {
margin-top:0;
}


/**
PROGRAMME PAGE
*/

.ProgrammeListePage .Description {
background:#FFF;
}
html>body .ProgrammeListePage  {
min-height:50px;
height:auto;
}
.ProgrammeListePage .Description ul {
padding-left:20px;

}
.ProgrammeListePage .Description  li {
list-style:none;
float:left;
text-align:center;
width:270px;
margin-bottom:15px;
}
.ProgrammeListePage .Description li div {
text-align:left;
margin:15px;
margin-top:5px;
padding-top:5px;
border-top:1px solid #000;
}
.ProgrammeListePage .Description li h6 {
font-size:10px;
margin-top:5px;
}
.ProgrammeListePage .Description li a {
text-decoration:none;
color:#525151;
}
.ProgrammeListePage .Description li a:hover {
color:#000;
}

.ProgrammeListePage .Left {
background:url('../image/titre1/programme.png') #ffdd00 no-repeat left 220px;
}

.ProgrammeInfo {
height:50px;
}
html>body .ProgrammeInfo {
min-height:100px;
height:auto;
}
.ProgrammeInfo ul {
float:right;
padding-top:10px;
padding-bottom:10px;
}
.ProgrammeInfo li {
list-style:none;
margin-right:10px;
display:inline;
}
.ProgrammeInfo1 .Generique p {
padding:10px;
}
.ProgrammeInfo1 .Description p {
padding:10px;
font-size:12px;
}
.ProgrammeInfo2 .ListeAgenda {

}
.ProgrammeInfo2 .ListeAgenda h4 {
padding-top:10px;
margin-bottom:5px;
padding-left:15px;
font-size:18px;
padding-right:50px;
text-transform:uppercase;
}
.ProgrammeInfo2 .ListeAgenda h3 {
font-size:11px;
padding-left:0;
}
.ProgrammeInfo2 .ListeAgenda .filet {
border-top:1px solid #000;
height:1px;
margin-left:15px;
margin-bottom:5px;
}

.ProgrammeInfo2 .ListeAgenda ul {
padding-left:15px;
list-style:none;
}
.ProgrammeInfo2 .ListeAgenda li {
margin-bottom:10px;
}




/***
PAGE MUSICIEN
*/
.MusicienListe {
width:980px;
background:#FFF;
padding-top:3px;
padding-bottom:3px;
}
.MusicienListe ul {
list-style:none;
padding-left:25px;
}
.MusicienListe li {
display:inline;
font-weight:bold;
margin-right:5px;

}
.MusicienListe li a {

}

.Musicien1 .Left {
background:#FFF;
}
.Musicien1 .Left img {
margin-top:13px;
}
.Musicien2 .ListeMusicien {
background:url('../image/fond/musicien.motif.png') #FFF no-repeat 360px 10px;
}
.Musicien2 .ListeMusicien ul {
padding:15px;
list-style:none;
padding-top:120px;
}
.Musicien2 .ListeMusicien li {
margin-bottom:3px;
}
.Musicien2 .ListeMusicien a {
color:#000;
font-size:15px;
text-decoration:none;
font-weight:bold;
}
.Musicien2 .ListeMusicien a:hover {
text-decoration:underline;
}

.MusicienInfo1 {
height:250px;
background:url('../image/musicien/picto/f15a22.png') no-repeat #FFF 730px bottom ;
}
.MusicienASInfo1 {
height:250px;
background:url('../image/musicien/picto/f15a22.png') no-repeat #FFF 0px bottom ;
}
html>body .MusicienInfo1, .MusicienASInfo1 {
min-height:250px;
height:auto;
}

.MusicienInfo1 h1, .MusicienASInfo1 h1 {
margin:15px;
margin-bottom:8px;
padding-bottom:6px;
font-size:18px;
border-bottom:1px solid #f15a22;
}
.MusicienInfo1 h3, .MusicienASInfo1 h3 {
padding-left:15px;
color:#0e0101;
text-transform:uppercase;
font-size:10px;
}
.MusicienInfo1 .Description p, .MusicienASInfo1 p {
padding-top:70px;
padding-left:15px;
font-size:12px;
font-weight:bold;
text-align:justify;
}

.MusicienInfo2 .ListeProgramme {
margin-top:-3px;
}
.MusicienInfo2 h2 {
background:#f15a22;
color:#FFF;
padding-left:15px;
font-size:15px;
margin-bottom:10px;
padding-top:3px;
padding-bottom:3px;
text-transform:uppercase;
}
.MusicienInfo2 h3 {
font-size:13px;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}
.MusicienInfo2 p {
color:#0e0101;
margin-bottom:10px;
padding-left:15px;
width:580px;
fnt-weight:bold;
}



/***
ARTISTES ASSOCIES
*/
.AS1 {}
.AS1 .Description p { padding:170px 10px 30px 15px; font-weight:bold; background:url('../image/as/header.png') no-repeat bottom right; }
.AS1 .Left { background:url('../image/titre1/as.png') #ed1e25 no-repeat left bottom; }

.AS2 .Left { background:#ed1e25; }
.AS2 .ListeMusicien ul, .MusicienASInfo1 .ListeMusicien ul { padding:15px; list-style:none; padding-top:50px; }
.MusicienASInfo1 .ListeMusicien ul { padding-top:0px; }
.AS2 .ListeMusicien li { margin-bottom:3px; }
.MusicienASInfo1 .ListeMusicien li { text-align:center; }
.MusicienASInfo1 .ListeMusicien { padding-top:10px; }
.AS2 .ListeMusicien { background:url('../image/as/footer.png') #FFF no-repeat top right; }
.AS2 .ListeMusicien a, .MusicienASInfo1 .ListeMusicien a { color:#000; font-size:15px; text-decoration:none; font-weight:bold; }
.MusicienASInfo1 .ListeMusicien a { font-size:13px; }
.AS2 .ListeMusicien a:hover , .MusicienASInfo1 .ListeMusicien a:hover { text-decoration:underline; }


/***
ARTISTES ASSOCIES DROITE
*/
.ASDroite p { margin-left:21px; margin-right:22px; padding-bottom:10px; color:#FFF; }
.ASDroite ul { margin-left:21px; margin-right:22px; padding-top:10px; list-style:none; border-top:1px solid #FFF; }
.ASDroite li { margin-bottom:3px; text-align:center; }
.ASDroite li a { color:#FFF; font-size:13px; text-decoration:none; font-weight:bold; }
.ASDroite li a:hover { text-decoration:underline; }

/***
PAGE PEDAGOGIE
*/
.Pedagogie1 .Left { background:url('../image/titre1/pedagogie.png') #00c0f3 no-repeat left bottom; }
.Pedagogie2 .Left { background:url('../image/fond/pedagogie.gauche.png') #FFF no-repeat left bottom; }
.Pedagogie1 .Description p { padding-top:95px; }
.Pedagogie2 .ListePedagogie { background:#FFF; }
.Pedagogie2 .ListePedagogie ul { padding:15px; }
.Pedagogie2 .ListePedagogie li { list-style:none; border-top:1px solid #00c0f3; padding-top:10px;padding-bottom:10px; }
.Pedagogie2 .ListePedagogie li h1 { font-size:14px; margin-bottom:5px;}
.Pedagogie2 .Contact div { position:relative; top:25px; left:15px; }
.Pedagogie2 .Contact h3 { color: #00c0f3 ; font-size:14px; text-atrsnform:uppercase; }
.Pedagogie2 .Contact h2 { font-size:12px; }
.Pedagogie2 .Contact h4 { font-size:11px; font-weight:normal; }


/***
AGENDA 
*/
.ListeAgenda { background:#FFF; }
.ListeAgenda .Mois {
padding:15px;
list-style:none;
text-align:center;
}
.ListeAgenda .Mois li {
font-size:14px;
font-weight:bold;
color:#000;
text-transform:uppercase;
}
.ListeAgenda .Mois a {
color:#929497;
text-decoration:none;
}
.ListeAgenda .Mois a:hover {
color:#000;
}
.ListeAgenda .Mois .Selected {
color:#000;
}

.ListeAgenda .Mois li {
display:inline;
}

.ListeAgenda {  }
.ListeAgenda h3 { padding-top:10px; color:#000; padding-left:15px; color:#000; font-weight:bold; font-size:18px; text-transform:uppercase; }


ul.ListeAgendaUL  {
padding:15px;
padding-top:0;
list-style:none;
border-bottom:1px solid #000;
}
.ListeAgenda .nomarg { border:0; }

.ListeAgendaUL li { clear:both; margin-top:5px; padding-bottom:15px; height:40px; }
html>body .ListeAgendaUL li {
min-height:40px;
height:auto;
}
.ListeAgendaUL .Jour {
width:45px;
padding-top:5px;
padding-bottom:5px;
position:relative;
top:5px;
background:#346f09;
color:#FFF;
float:left;
text-align:center;
font-weight:bold;
font-size:24px;
}
.ListeAgendaUL .Info {
float:left;
margin-left:10px;
margin-top:10px;
}
.ListeAgendaUL .Info h1 {
margin-bottom:10px;
font-size:18px;
color:#346f09;
text-transform:uppercase;
}
.ListeAgendaUL .Info h2 {
font-size:13px;
}
.ListeAgenda .Info h3 {
font-size:12px;
padding:0;
}
.ListeAgenda .Info p {
color:#63797e;
margin-top:10px;
}



/***
FORMULAIRE
*/
.Newsletter .Description p { padding-left:35px;padding-right:15px;margin-top:70px;font-weight:bold;margin-bottom:15px; }
.Newsletter .Description p strong { font-size:14px; text-transform:uppercase; }

.Form { margin-left:20px; margin-right:20px; }
.Form .Milieu { background:#bdc4cc; height:100px; }
html>bdoy .Form .Milieu { min-height:100px; height:auto; }
.Form .Header { background:url('../image/newsletter/header.png') no-repeat; width:540px; height:37px; }
.Form .Footer { margin-top:-10px;background:url('../image/newsletter/footer.png') no-repeat;width:540px;height:38px;}
.Form label { display:block; color:#686360; }
.Form input, .Form select { width:400px; }
.Form textarea { width:500px; }
.Form .FormulaireChamp { margin-top:10px; }
.Form .FormulaireChampPourR { display:none; }
.Form .MessageAjax { float:left; color:#FF0000; font-weight:bold; }

.NewsletterForm .Milieu { padding:0 20px 0 20px; }
.NewsletterForm label { color:#403f3f; float:left; display:block; width:150px; font-weight:bold; text-align:right; margin-right:10px; }
.NewsletterForm input { width:auto;}
.NewsletterForm .bee-form  { clear:both; margin-bottom:10px;  }
.NewsletterForm .bee-form input { width:200px; }
.NewsletterForm .bee-form-submit { margin-left:160px; }

.contact2 h1 { padding-left:18px; font-size:14px;text-transform:uppercase;color:#686360;margin-top:10px;}
.contact2 h6 {margin-top:15px;font-size:12px; }
.contact2 .Form #SubmitBouton { float:left; margin-right:15px; }




/***
PAGE SIMPLE
*/
.Page h1 { margin:15px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #000; }
.Page p { padding-left:15px; padding-bottom:15px; }


/***
PAGE CONTACT
*/
.contact1 .Left { background:url('../image/titre1/contact.png') no-repeat left bottom #ffdd00; }
.contact1 .Description ul { padding:15px; }
.contact1 .Description .Information { margin:20px 0 10px 15px; }
.contact1 .Description li { list-style:none;margin-bottom:10px; }
.contact1 .Description li h1, .contact1 .Description li h3 { font-size:12px; text-transform:uppercase; }


/***
PARTNAIRE 
*/
.Partenaire1 .Left { background:url('../image/titre1/partenaire.png') no-repeat left 50% #0e4e91; }
.Partenaire1 .Right { background:url('../image/fond/partenaire.motif.png') repeat-y #0e4e91; }
.Partenaire1 .Right img { margin-top:10px; }
.Partenaire1 .Description .Chapo { text-align:justify; font-size:12px; padding:50px 20px 0 20px; font-weight:bold; }
.Partenaire1 .Description ul { list-style:none; color:#313641; padding:30px 20px 10px 20px; }
.Partenaire1 .Description li { margin-top:10px; padding-top:10px; border-top:1px solid #313641; }
.Partenaire1 .Description li h1 { font-size:13px; margin-bottom:10px; text-transform:uppercase; }
.Partenaire1 .Description li a { padding-left:10px; display:block; background:url('../image/picto/carre.bleu.png') no-repeat 0px 5px; }
.Partenaire1 .Description img { }

/**
ESPACE PRO
*/
.EspacePro .Left { background:url('../image/titre1/espace.pro.png') no-repeat #0c4d8e left bottom; }
.EspacePro .Right { background:#0c4d8e; }
.EspacePro .Description .Chapo { margin-left:15px; margin-right:15px; color:#63797e; padding-top:130px; }
.EspacePro .Description .Chapo h1 { text-transform:uppercase; color:#000; font-size:16px; }
.EspacePro table { margin-left:15px; margin-right:15px; width:545px; }
.EspacePro table td { padding:5px; vertical-align:top: }
.EspacePro table td img { position:relative; top:-1px; }

/**
DISCOGRAPHIE
*/
.Disco1 .Left { background:url('../image/titre1/discoONJ.png') no-repeat #de6410 left bottom; }
.Disco1 .Right { background:#de6410; }
.Disco1 .Description .Information { margin:15px; width:370px; }
.Disco1 .Description .Information h2 { font-size:1.5em; font-style:italic; margin-bottom:10px; }
.Disco1 .Description .Information h3 { font-size:1.2em; }
.Disco1 .Description .Information h4 { color:#929497; font-size:1.1em; }
.Disco1 .Illustration { margin-top:15px; }

.Disco1 ul { list-style:none; }
.Disco1 li { padding:3px 0 3px 25px; font-weight:bold; }
.Disco1 li.DiscoFFFFFF { background:url('../image/picto/fleche.png') no-repeat #FFF 15px; }
.Disco1 li.Discoa1a2a5 { background:url('../image/picto/fleche.png') no-repeat #a1a2a5 15px; }

.Disco2 a { font-weight:bold; color:#de6410; }
.Disco2 { margin-top:10px;}
.Disco2 .Left, .Disco2 .Right { background:#de6410; }
.Disco2 .Description h2 { font-size:1.3em; background:#de6410; padding:3px 15px 3px 5px; color:#FFF; margin-left:15px; margin-right:15px; }
.Disco2 .Description h4 { font-size:1.6em; text-transform:uppercase; margin:10px 0 10px 15px; }
.Disco2 ul { }
.Disco2 p { margin:15px 0 15px 20px; }

/***
GALERIE
*/
.galerie { background:#000; width:100%; height:592px; text-align:center; }
html>body .galerie { min-height:592px; height:auto; }
.galerieTXT { color:#FFF; text-align:left; padding:10px; }