/* CSS document */


/*---------------------------------------------------------CONTENU PAGE ARTISTES - SPECTACLES */
#artistescontents { 
  position:relative;
  width:100%;
  height:1100px;
  top:0.7%;
}
/* bandeau jaune section 1 pour soustitre et texte associé*/
#bandjaune1 {
  position:absolute;
  background-image:url(images/bandeau_jaune.gif);
  height:47px;
  width:498px;
  top:0%;
  left:20%;
}
#txtbandjaune1 {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-size:1.65pc;
  font-weight:bold;
  line-height:1.65pc;
  text-align:center;
  text-decoration:underline;
  top:15%;
  left:0%;
  width:100%;
}




/*-----------------------------conteneur section 1*/
#music1contents {
  position:absolute;
  width:100%;
  height:60%;
  top:0%;
  left:0%;
} 
/*bandeau jaune mini titre */
#bandjaunemusic {
  position:absolute;
  background-image:url(images/bandeau_jaune_court.gif);
  width:267px;
  height:47px;
  top:0%;
  left:35%;
}


/*------ contenu CAP NORD */
#txtmusic1 {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-size:1.25pc;
  line-height:1.35pc;
  text-align:justify;
  top:34%;
  left:55%;
  width:35%;
}
#miniat1music1 {
  position:absolute;
  background-image:url(images/miniat_capnord1.gif);
  width:312px;
  height:262px;
  top:12%;
  left:10%;
}
#miniat2music1 {
   position:absolute;
   background-image:url(images/miniat_capnord2.gif);
   width:312px;
   height:262px;
   top:55%;
   left:10%;
}
#miniat3music1 {
  position:absolute;
  background-image:url(images/logo_capnord.gif);
  width:94px;
  height:109px;
  top:14%;
  left:66%;
}



/*----------------------------------conteneur section 2*/
#music2contents {
  position:absolute;
  width:100%;
  height:60%;
  top:64%;
  left:0%;
}
/*séparateur jaune pointillé*/
#separjaune1 {
  position:absolute;
  background-image:url(images/separ_horiz_jaune.gif);
  width:200px;
  height:7px;
  top:-6%;
  left:40%;
}


/*-------contenu Jérôme Dhainaut */
#txtmusic2 {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-size:1.25pc;
  line-height:1.35pc;
  text-align:justify;
  top:0%;
  left:55%;
  width:35%;
}
#txtmusic2bis {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-size:1.25pc;
  line-height:1.35pc;
  text-align:justify;
  top:102%;
  left:-127%;
  width:227%;
}
#miniat1music2 {
  position:absolute;
  background-image:url(images/miniat_dhainaut.gif);
  width:312px;
  height:262px;
  top:5%;
  left:10%;
}


/*--------------------------------conteneur section 3 */
#music3contents {
  position:absolute;
  width:100%;
  height:45%;
  top:122%;
  left:0%;
}
/*séparateur jaune pointillé*/
#separjaune2 {
  position:absolute;
  background-image:url(images/separ_horiz_jaune.gif);
  width:200px;
  height:7px;
  top:-8%;
  left:40%;
}


/*-------contenu jazz variation */
#txtmusic3 {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-size:1.25pc;
  line-height:1.35pc;
  text-align:center;
  top:47%;
  left:27%;
  width:50%;
}
#miniat1music3 {
  position:absolute;
  background-image:url(images/miniat_jazzvariation1.gif);
  width:394px;
  height:213px;
  top:0%;
  left:27%;
}
#miniat2music3 {
  position:absolute;
  background-image:url(images/miniat_jazzvariation2.gif);
  width:317px;
  height:223px;
  top:75%;
  left:32%;
}



/*--------------------------------conteneur section 4*/

#music4contents {
  position:absolute;
  width:100%;
  height:50%;
  top:183%;
  left:0%;
}
/*séparateur jaune pointillé*/
#separjaune3 {
  position:absolute;
  background-image:url(images/separ_horiz_jaune.gif);
  width:200px;
  height:7px;
  top:-8%;
  left:40%;
}
/*---------contenu feeling en scène*/
#miniat1music4 {
  position:absolute;
  background-image:url(images/miniat_feelingenscene.gif);
  width:438px;
  height:308px;
  top:0%;
  left:24.5%;
}
#txtmusic4 {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-size:1.25pc;
  line-height:1.35pc;
  text-align:center;
  top:60%;
  left:17%;
  width:70%;
}
/*--------------------------------conteneur section 5*/

#magie_contents {
  position:absolute;
  width:100%;
  height:70%;
  top:230%;
  left:0%;
}
/*séparateur jaune pointillé*/
#separjaune4 {
  position:absolute;
  background-image:url(images/separ_horiz_jaune.gif);
  width:200px;
  height:7px;
  top:-5%;
  left:40%;
}
/*-------contenu magicien vincent davlin*/
#miniat_magie_1 {
  position:absolute;
  background-image:url(images/miniat_magicien1.gif);
  width:340px;
  height:382px;
  top:8%;
  left:7%;
}
#miniat_magie_2 {
  position:absolute;
  background-image:url(images/miniat_magicien2.gif);
  width:340px;
  height:228px;
  top:61%;
  left:7%;
}
#txtmagie {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-size:1.25pc;
  line-height:1.35pc;
  text-align:justify;
  top:0%;
  left:53%;
  width:40%;
}

/*--------------------------------conteneur section 6*/

#annonce_contents {
  position:absolute;
  width:100%;
  height:30%;
  top:301%;
  left:0%;
}
/*séparateur jaune pointillé*/
#separjaune5 {
  position:absolute;
  background-image:url(images/separ_horiz_jaune.gif);
  width:200px;
  height:7px;
  top:-12%;
  left:40%;
}
#txtannonce {
  position:absolute;
  font-family:"Times New Roman", Times, serif;
  color:#1230CA;
  font-size:1.25pc;
  line-height:1.35pc;
  text-align:justify;
  top:0%;
  left:7%;
  width:86%;
}