#pays {
 background: #407880;
 color: #fff;
 font-size: 20px;
 font-weight: bold;
 text-indent:90px;
 line-height:25px;
 width: 770px;
 height: 27px;
}

#pays img {
 position:absolute;
 margin: 8px 0 20px -42px;
 border: 1px solid #fff;
}

#pays img2 {
 position:absolute;
 margin: -2px 0 20px -60px;
 border: 9px solid #fff;
}

#gauche {
 color: #385858;
 position:absolute;
 margin: 0;
 padding: 10px 4px 4px 4px;
 width: 194px;
 text-align:center;
}


#chronique {
 background: url(../images/pays_chronique_v.gif) no-repeat;
 padding: 30px 0 0 4px;
}

#chronique ul {
 text-align:left;
 padding: 10px 8px 10px 8px;
 margin: 0px 0 20px 0px;
 border: 1px dashed #C8D840;
 text-align:left;
}



#chronique h1{
 font-size:130%;
}

#chronique h2{
 color: #889498;
}

#chronique h3{
 margin: 4px 0 0 0;
}

#chronique img{
 margin: 4px 0 4px 0;
}

#agenda {
 background: url(../images/pays_agenda2.gif) no-repeat;
 padding: 30px 0 0 4px;
}

#agenda ul {
 text-align:left;
 background: url(../images/fond_festival.gif);
 border: 1px dashed #C0C0C0;
 margin: 0;
 padding: 0;
}

#agenda li {
 border-bottom: 1px dashed #D7DCDF;
 padding:8px 8px 8px 8px;
 line-height:12px;
}

#agenda li img {
border: 1px solid #fff;
}

#agenda ul li h1 {
 color: #385858;
 font-weight:normal;
}

#agenda ul li h1 span {
 background: #2890A8;
  padding: 0 2px 0 2px;
 color: #fff;
}

#agenda ul li h2 {
 color: #007088;
  margin-bottom:2px;
}

#agenda ul li h3 {
 margin-top:4px;
 color: #385858;
}

#agenda ul li h3 a {
 color: #385858;
 font-weight:bold;
}

#agenda h4{
 margin: 4px 0 0 0;
 text-align:right;
}

#centre {
 color: #385858;
 position:absolute;
 margin-left: 212px;
 width: 350px;
}

#dossier {
 z-index:10;
 position:absolute;
 top: 150px;
 left: 224px;
}


#sansimg {
text-align:left;
padding: 40px 0 20px 0;

 background: url(../images/rub_lire2.gif) no-repeat ;
}




#centretexte {
 margin: 190px 36px 0 16px;
 text-align:right;
}

#centretexte  img {    /* images */
float:left;
}

#petite {    /* images */
 margin: 20px 10px 4px 20px;
 border:0px solid #BCBDBD;
}

#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;
}

#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 h6 {
  text-transform: uppercase;
  margin: 8px 0px 0px 0px;
 color: #385858;
}


#centretexte h2 {
 color: #889498;
 font-size: 90%;
}

#centretexte h4{
color: #385858;
 font-size:130%;
}

#centretexte p {
 
 margin: 2px 0 16px 0;
 padding: 0 0 16px 0;
 color: #889498;
 border-bottom: 1px dashed #D8DCE0;
}

#centretexte ul{
 margin: 0 -16px 0 0;
}


#centretexte li {
 text-align: left;
}

#centretexte li h1 {
 color: #007080;
 font-size: 130%;
 font-weight: bold;
}

#centretexte li p {
 font-size: 100%;
 margin: 8px 0 0 0;
 border-bottom: 0;
 padding: 0;
}


#centretexte a {
 color: #385858;
 padding: 0 12px 0 0;
 background: url(../images/droite_vert.gif) no-repeat right bottom;
}

#centretexte li h1 a {
 background: none;
 font-weight: bold;
 padding: 0 12px 0 0;
 background: url(../images/droite_vert.gif) no-repeat right;
}

#centretexte li {
 padding: 0 0 16px 0;
 margin: 8px 0 16px 0;
 border-bottom: 1px dashed #D8DCE0;
}

#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/pays_decouvrir2xx.gif) no-repeat 20px 194px ;
}

#droite a {
 color: #fff;
}

#droite ul {
 margin: 0px 10px 0px 50px;
 
}

#droite ul li {
 border-bottom: 1px dashed #fff;
 margin: 8px 0px 8px 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;
  color: #fff;
}

#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 ul li h4  {	/* extrait video */
  margin-top: 4px;
 
}

#droite ul li h4 .video {	/* extrait video */

padding: 0px 20px 2px 0px;
 background: url(../images/icones/video.gif) no-repeat right;
}

#droite ul li h4 .audio {	/* extrait audio */
padding: 0px 20px 2px 0px;

 background: url(../images/icones/volume_high.gif) no-repeat right;
}

#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.decouvrir{    /* images */
border:0px solid #fff;
margin: 16px 0px 0px 20px;
}

a.lienFleche {
 padding: 0 12px 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;
 }
 

 
 #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;
}


#base h3  {	/* tout afficher */
margin:20px 0px 0px 0px;
 background: url(../images/base2.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;
}



#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;
}
