#gauche {
 color: #385858;
 position:absolute;
 margin-left: 0px;
 width: 194px;
 text-align:center;
}

#gauche ul {
 text-align:left;
 background: url(../images/fond_festival.gif);
 border: 1px dashed #C8D840;
 margin: 4px 10px 4px 8px;
 padding-left: 0px;
}

#agenda  {
 text-align:left;
 background: #C7D741;
 color:#fff;
 border-bottom: 1px dashed #fff;
 margin: 0px 0px 0px 0px;
}

#agenda .image_agenda{
 border: 1px solid #fff;
 margin: 6px;
}

#agenda p {

 margin: 2px 4px 10px 12px;
}

#agenda h3 {
 color:#fff;
 font-weight:normal;
 margin: 0px 0px 4px 6px;
 padding-left:6px;
 padding-top:6px;
}

#agenda h1 {
 color:#C7D741;
 background: #fff;
 font-weight:bold;
 margin: 0px 0px 10px 6px;
 padding-left:6px;

}

.vert {
 color:#C7D741;
 background: #fff;
 font-weight:bold;
 padding: 0px;
}

#agenda h2 {
  margin-left:12px;
  margin-bottom:4px;
}

#agenda h2 a{
 color:#fff;
 font-size:130%;
 font-weight:bold;

}

#agenda h2 a:hover{
 color:#fff;
 font-size:130%;
 font-weight:bold;
 
}

#gauche li {
 border-bottom: 1px dashed #D7DCDF;
 padding:8px 4px 8px 4px;
 line-height:12px;
}

#gauche li img {
 float:left;
 margin-right: 4px;
}


#gauche ul li h2 {
 color: #007088;
margin-bottom:2px;
}

#gauche ul li h3 {
 color: #385858;
 margin-top:4px;
}

#gauche ul li h3 a {
 color: #385858;
 font-weight:bold;
}



#chronique {
 background: url(../images/pays_chronique_v.gif) no-repeat;
 padding: 30px 0 0 4px;
 margin:20px 8px 0 4px;
}

#chronique ul {
 text-align:left;
 padding: 10px 8px 10px 8px;
 margin: 0px 0 20px 0px;
 border: 1px dashed #C8D840;
 text-align:left;
 background:#fff;
}



#chronique h1{
 font-size:130%;
 color: #007080;
}

#chronique h2{
 color: #889498;
}

#chronique h3{
 margin: 4px 0 0 0;
}

#chronique p{
 margin: 4px 0 0 0;
  font-size:100%;
 color: #385858;
}

#chronique a {
 padding: 0 12px 0 0;
 background: url(../images/droite_vert.gif) no-repeat right bottom;
}

#chronique img{
 margin: 6px 0 4px 0;
 border:1px solid #385858;
}



#le_dossier {
 background: url(../images/le_dossier.gif) no-repeat;
 padding: 30px 0 0 4px;
 margin:20px 8px 0 4px;
}

#le_dossier ul {
 text-align:left;
 padding: 10px 8px 10px 8px;
 margin: 0px 0 20px 0px;
 border: 1px dashed #C8D840;
 text-align:left;
 background:#fff;
}



#le_dossier h1{
 font-size:130%;
 color: #007080;
}

#le_dossier h2{
 color: #889498;
}

#le_dossier h3{
 margin: 4px 0 0 0;
}

#le_dossier p{
 margin: 4px 0 0 0;
  font-size:100%;
 color: #385858;
}

#le_dossier a {
 padding: 0 12px 0 0;
 background: url(../images/droite_vert.gif) no-repeat right bottom;
}

#le_dossier img{
 margin: 6px 0 4px 0;
 border:1px solid #385858;
}


#centre {
 color: #385858;
 position:absolute;
 margin-left: 194px;
 width: 362px;
}

#regards {
 z-index:10;
 position:absolute;
 top: 124px;
 left: 230px;
}

#regards_petite {
 z-index:10;
 position:absolute;
 top: 24px;
 left: 220px;
}

#regards_large {
 z-index:10;
 position:absolute;
 top: 14px;
 left: 210px;
}

#dossier {
  text-align:right;
}

#dossier a {
 color: #385858;
 padding: 0 12px 0 0;
 background: url(../images/droite_vert.gif) no-repeat right bottom;
}

#centretexte {
 margin: 190px 36px 0 16px;
}

#petite {    /* images */
 margin: 40px 10px 4px 16px;
 border:0px solid #BCBDBD;
}

.image_large {    /* images */
 margin-top : 50px;
}

#centretexte li img {    /* images */
border:1px solid #BCBDBD;
margin: 0px 0px 0px 0px;
}

#centretexte li img.picto{    /* images */
border:0px solid #BCBDBD;
margin: 2px 8px 0px 0px;
float:left;
}

#droite img.bord_bleu {    /* images */
border:1px solid #6CDAF1;
margin: 4px 0px 6px 0px;
}

#centretexte h1 {
 color: #30A0B8;
 font-size: 190%;
padding-top:6px ;
 font-weight: normal;
}


#centretexte  .v_ecouter {
 color: #5E7A81;
 margin-top:0;
 padding: 0px 0px 0px 0px;
 font-weight:normal;
 background: none ;
}




/*#centretexte h1 {
 color: #007080;
 font-size: 170%;
  padding-top:4px ;
 font-weight: bold;
}*/

#centretexte h2 {
 color: #889498;
 font-size: 90%;
}



#centretexte h4 {
 margin: 8px 0 25px 0;
 padding: 0 0 16px 0;
  border-bottom: 1px solid #C7D741;
 color: #889498;
 font-size: 130%;
}



#centretexte h6 {
  text-transform: uppercase;
  margin: 8px 0px 0px 0px;
 color: #385858;
}



#centretexte h5{
margin: 8px 0 25px 0;
 padding: 0 0 16px 0;
  border-bottom: 1px solid #C7D741;
color: #385858;
 font-size:110%;
}



#centretexte p {
 margin: 8px 0 16px 0;
 padding: 0 0 16px 0;
 color: #889498;
 border-bottom: 1px dashed #D8DCE0;
}

#centretexte a {
 color: #385858;
 padding: 0 12px 0 0;
 background: url(../images/droite_vert.gif) no-repeat right bottom;
}



#centretexte li {
 padding: 0 0 16px 0;
 margin: 8px 0 16px 0;
 border-bottom: 1px dashed #D8DCE0;
}



#centretexte li a {
 font-weight: bold;
}

#centretexte p.droite {
 text-align:right;
 border:0;
}

.iv {
 color: #fff;
 padding: 0 2px 0 2px;
 background:#288CA0;
}

#droite {
 color: #fff;
 position:absolute;
 margin-left: 560px;
 width: 200px;
 background: url(../images/nouveautes_bleu1.gif) no-repeat 20px 280px ;
}

#droite a {
 color: #fff;
}

#droite a.roll1  {	/* rollover blogs artistes */
 display: block;
 margin: 10px 0px 0px 70px;
 width: 129px;
 height: 72px;
 background: url(../images/artistes.gif) no-repeat;
}

#droite a.roll1:hover {
 background: url(../images/artistes2.gif) no-repeat;
}

#droite ul {
 margin: 80px 10px 0px 50px;
}

#droite ul li {
 border-bottom: 1px dashed #fff;
 margin: 8px 0px 16px 0px;
}

#droite ul li h1 {	/* titre bleu */
 color: #007088;
}

#droite ul li h1 a {	/* lien fiche */
 font-weight:bold;
}

#droite ul li h2 {	/* tout afficher */
 text-align:right;
 margin-bottom: 8px;
}



#droite ul li h2 a {	/* tout afficher */
 padding-right: 12px;
 background: url(../images/droite_gris2.gif) no-repeat right;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
}

#droite ul li h2 a:hover {	/* tout afficher */
 color: #fff;  text-decoration: underline;
}


#droite ol li {
 border:0;
}

#droite ol li h2 {
 text-align:left;
 margin-bottom: 0px;
}


#droite img {    /* images */
border:1px solid #fff;
margin: 4px 0px 6px 0px;
}

#droite img.picto{    /* images */
border:0px solid #BCBDBD;
margin: 2px 8px 0px 0px;
float:left;
}



#droite img.bord_bleu {    /* images */
border:1px solid #6CDAF1;
margin: 4px 0px 6px 0px;
}


#base h5  {	/* tout afficher */
margin:10px 0px 8px 16px;
 padding:4px 0 0 12px;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
 border-top:1px dotted #fff;
 background: none;
}


#base h3  {	/* tout afficher */
 background: url(../images/base.gif) no-repeat 10px 0px;
 padding:6px 0 0px 12px;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
 height:36px;
 
}

#base h4 a {	/* tout afficher */
 padding-left: 24px;
 
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
}

#droite h4 a:hover {	/* tout afficher */
 padding: 4px 14px 4px 24px;
 background: url(../images/droite_gris2.gif) no-repeat right;
 color: #fff;
 text-transform: uppercase;
 text-decoration: none;
}

a.lienFleche {

 margin-left:4px;
 padding: 0 11px 1px 0;
 background: url(../images/droite_vert.gif) no-repeat right;
}

a.lienFleche:hover {
 color: #28B4A8;
 text-decoration: none;
}

.sep {
 color: #889498;
 margin: 0px 4px 0 4px;
}



#droite h6 {
 padding:6px 0px 2px 28px;
  margin: 14px 0px 4px 0px;
  text-transform: uppercase;
 color: #385858;
}


.ecouter {
text-transform: uppercase;
 background: transparent url(../images/ecoute_bleu.gif) no-repeat left top ;
}

.voir {
text-transform: uppercase;
 background: transparent url(../images/voir_bleu.gif) no-repeat left top;
}

.diapo {
text-transform: uppercase;
 background: transparent url(../images/diapo_bleu.gif) no-repeat left top;
}

.ecouter2 {
 padding:8px 0px 0 28px;
text-transform: uppercase;
 background: transparent url(../images/ecoute_bleu2.gif) no-repeat left ;
}


.voir2 {
text-transform: uppercase;
 background: transparent url(../images/voir_bleu2.gif) no-repeat left ;
}

.diapo2 {
text-transform: uppercase;
 background: transparent url(../images/diapo_bleu2.gif) no-repeat left ;
}

.ecouter3 {
 padding:4px 0px 6px 28px !important /*Non-IE6*/; padding:0px 0px 0px 28px /*IE6*/;
 background: transparent url(../images/ecoute_bleu2.gif) no-repeat left top ;
}

.voir3 {
 padding:4px 0px 6px 28px !important /*Non-IE6*/; padding:0px 0px 0px 28px /*IE6*/;
 background: transparent url(../images/voir_bleu2.gif) no-repeat left top ;
}

.diapo3 {
 padding:4px 0px 6px 28px !important /*Non-IE6*/; padding:0px 0px 0px 28px /*IE6*/;
 background: transparent url(../images/diapo_bleu2.gif) no-repeat left top ;
}