/* CSS Document */

*{
margin:0;
padding:0;
}


body {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 11px;
background-color: #FFFFFF;
}

#conteneur_texte_home {
height: 2000px;
width: 2000px;
border: 0px solid #c0c0c0;
position:absolute;
top:0px;
left:0px;
text-decoration: none;
background-color: #000000;
opacity: .1;
filter: alpha(opacity=50);
opacity: 0.50;
z-index: 0;
}

a {
color:#000;
}

a:hover {
color: #B9DF25
}

#menu {
position:absolute;
top:0px;
left:0px;
z-index:2; 
}

#contact {
padding-top: 10px;
padding-left:55px;
height: 20px;
width: 80px;
}

#association {
padding-top: 10px;
padding-left:95px;
height: 20px;
width: 110px;
}

#lecercle {
padding-top: 15px;
padding-left:120px;
height: 20px;
width: 165px;
}

#presse {
padding-top: 10px;
padding-left:110px;
height: 20px;
width: 70px;
}

#pedagogie {
padding-top: 8px;
padding-left:120px;
height: 20px;
width: 100px;
}

#discographie {
padding-top: 5px;
padding-left:190px;
height: 20px;
width: 100px;
}

#creation {
padding-top: 20px;
padding-left:80px;
height: 20px;
width: 100px;
}

#actualite {
padding-top: 100px;
padding-left:100px;
height: 20px;
width: 100px;
}

#presentation {
padding-top: 15px;
padding-left:60px;
height: 20px;
width: 190px;
}

a.bouton4 {
font-size: 10px;
text-transform: uppercase;
color: #333333;
display: block;
background-color: #ffffff;
text-decoration: none;
font-weight: bold;
border: 1px solid #c0c0c0;
text-align: center;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}
a.bouton4:hover {
background-color: #B9DF25;
color: #FFFFFF
}

a.bouton5 {
font-size: 10px;
text-transform: uppercase;
color: #FFFFFF;
display: block;
font-weight: bold;
text-align: center;
}
a.bouton4:hover {
background-color: #B9DF25;
color: #FFFFFF
}

#carre_actualite {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:105px;
left:200px;
z-index:1; 
}

#carre_presentation {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:135px;
left:250px;
z-index:1; 
}

#carre_creation {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:185px;
left:180px;
z-index:1; 
}

#carre_discographie {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:210px;
left:290px;
z-index:1; 
}

#carre_pedagogie {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:240px;
left:220px;
z-index:1; 
}

#carre_presse {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:270px;
left:180px;
z-index:1; 
}

#carre_entrepreneur {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:310px;
left:285px;
z-index:1; 
}

#carre_lien {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:330px;
left:205px;
z-index:1; 
}

#carre_contact {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:360px;
left:130px;
z-index:1; 
}

/*//////présentation///////////////////////////////////////////////////////////////////////////////////////*/

#retour_menu {
position:absolute;
top:60px;
left:100px;
z-index:0; 
height: 20px;
width: 100px;
}

#ancre_octuor{
height: 1px;
width: 1px;
position:absolute;
top:100px;
left:2700px;
z-index:1; 
}

#sous_menu {
position:absolute;
top:0px;
left:0px;
z-index:0; 
}

#octuor {
padding-top: 180px;
padding-left:410px;
height: 20px;
width: 180px;
}

#biographie {
padding-top: 10px;
padding-left:380px;
height: 20px;
width: 200px;
}

#bio_ssmenu{
position:absolute;
top:280px;
left:340px;
z-index:4; 
}

#carre_bio_ssmenu{
height:7px;
width: 7px;
background-color: #000000;
position: absolute;
top:234px;
left:475px;
z-index:4; 
}

#ligne_bio_ssmenu {
position:absolute;
top:232px;
left:346px;
z-index:0; 
}

#bernaert {
height: 20px;
width: 160px;
padding-top: 10px;
}

#carre_bernaert {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:3px;
left:10px;
}

#carre_bernaert2 {
	height:7px;
	width: 7px;
	background-color: #000000;
	position:absolute;
	top:381px;
	left:499px;
	z-index: 4;
}

#Teillagorry {
height: 20px;
width: 160px;
padding-top: 10px;
padding-left:100px;
}

#carre_Teillagorry {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:33px;
left:190px;
}

#Magdalena {
height: 20px;
width: 160px;
padding-top: 10px;
padding-left:5px;
}

#carre_Magdalena {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:63px;
left:50px;
}

#Castello {
height: 20px;
width: 180px;
padding-top: 10px;
padding-left:150px;
}

#carre_Castello {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:93px;
left:250px;
}
#Sunnerstam {
height: 20px;
width: 180px;
padding-top: 10px;
padding-left:60px;
}

#carre_Sunnerstam {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:123px;
left:80px;
}

#Liskowitch {
height: 20px;
width: 180px;
padding-top: 10px;
padding-left:120px;
}

#carre_Liskowitch {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:153px;
left:260px;
}

#Defives {
height: 20px;
width: 180px;
padding-top: 10px;
padding-left:12px;
}

#carre_Defives {
height:7px;
width: 8px;
background-color: #000000;
position:absolute;
top:183px;
left:80px;
}

#Kim {
height: 20px;
width: 180px;
padding-top: 10px;
padding-left:148px;
}

#carre_Kim {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:213px;
left:226px;
}

#carre_octuor1 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:185px;
left:403px;
z-index:4; 
}

#carre_octuor2 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:185px;
left:590px;
z-index:4; 
}

#carre_bio1 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:218px;
left:374px;
z-index:4; 
}

#carre_bio2 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:218px;
left:580px;
z-index:4; 
}

#ligne_ssmenu {
position:absolute;
top:133px;
left:250px;
z-index:0; 
}

#contenu_octuor {
height: 390px;
width: 285px;
position:absolute;
top:280px;
left:140px;
z-index:2;
}

#langues {
height: 29px;
width: 90px;
position:absolute;
top:128px;
left:337px;
z-index:2;
}

#logos {
height: 29px;
width: 48px;
position:absolute;
top:120px;
left:333px;
z-index:2;
}

#titre {
width: 285px;
font-size: 17px; 
font-weight: bolder;
padding-bottom: 15px;
border-bottom: 1px solid #c0c0c0;
}

#texte {
padding-top: 15px;
font-size: 12px; 
text-align: justify; 
}

#bloc_octuor {
height: 557px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

#carre_octuor3 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:135px;
left:94px;
z-index:4; 
}

#carre_octuor4 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:350px;
left:466px;
z-index:4; 
}

#contenu_dl {
font-size: 10px;
text-transform: uppercase;
height: 105px;
width: 160px;
position:absolute;
top:310px;
left:516px;
z-index:2; 
}

#dl_img {
position:absolute;
top:327px;
left:516px;
z-index:3; 
}

#pdf_dl{

position:absolute;
top:351px;
left:515px;
height: 30px;
width: 190px;
background-color: #ffffff;
z-index:4; 
}

#octuor_dl{
font-size: 10px;
position:absolute;
top:-4px;
left:50px;
}

#logo_pdf{
	position:absolute;
	top:120px;
	left:380px;
	width: 199px;
}

#bloc_dl {
height: 100px;
width: 198px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:302px;
left:506px;
z-index:1; 
}

#carre_telechargement1 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:380px;
left:500px;
z-index:4; 
}

#carre_brochure {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:165px;
left:502px;
z-index:4; 
}

#carre_brochure2 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:168px;
left:466px;
z-index:4; 
}

#carre_adhesion {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:144px;
left:904px;
z-index:4; 
}

#carre_adhesion2 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:146px;
left:873px;
z-index:4; 
}

#ligne_telechargement {
position:absolute;
top:320px;
left:1870px;
z-index:0; 
}

#bloc_bio {
height: 546px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:506px;
z-index:1; 
}

#contenu_bio{
height: 285px;
width: 285px;
position:absolute;
top:279px;
left:140px;
z-index:2;
font-size: 12px; 
text-align: justify; 
}

#contenu_bio2{
height: 285px;
width: 285px;
position:absolute;
top:279px;
left:500px;
z-index:2;
font-size: 12px; 
text-align: justify; 
}

#contenu_actu{
height: 285px;
width: 285px;
position:absolute;
top:279px;
left:140px;
z-index:2;
font-size: 12px; 
text-align: justify; 
}

#contenu_actu2{
height: 285px;
width: 285px;
position:absolute;
top:279px;
left:545px;
z-index:2;
font-size: 12px; 
text-align: justify; 
}

#contenu_liens{
background-color: #B9DF25
height: 46px;
	width: 153px;
	position:absolute;
	top:347px;
	left:516px;
	z-index:2;
	font-size: 12px;
	text-align: justify;
	background-color: #B9DF25;
	height: 46px;
}

#contenu_brochure{
background-color: #B9DF25
height: 46px;
	width: 199px;
	position:absolute;
	top:153px;
	left:521px;
	z-index:2;
	font-size: 12px;
	text-align: justify;
	background-color: #B9DF25;
	height: 250px;
}

#contenu_adhesion{
background-color: #B9DF25
height: 46px;
	width: 199px;
	position:absolute;
	top:114px;
	left:924px;
	z-index:2;
	font-size: 12px;
	text-align: justify;
	background-color: #B9DF25;
	height: 250px;
}

#contenu_photo{
height: 285px;
width: 285px;
position:absolute;
top:111px;
left:111px;
z-index:2;
font-size: 12px; 
text-align: justify; 
}

#bloc_bio2 {
height: 545px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

#bloc_repertoire {
height: 749px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

#bloc_presse {
height: 666px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

#bloc_photo {
height: 495px;
width: 821px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

#bloc_actualite {
	height: 2291px;
	width: 365px;
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	position:absolute;
	top:100px;
	left:100px;
	z-index:1;
}

#bloc_actualite2 {
height: 667px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:506px;
z-index:1; 
}

#bloc_association {
height: 657px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

#bloc_bio_actualite_pedagogique {
height: 589px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:101px;
z-index:1; 
}

#bloc_bio_actualite_pedagogique2 {
height: 589px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:507px;
z-index:1; 
}

#contenu_bio2{
height: 309px;
width: 285px;
position:absolute;
top:142px;
left:547px;
z-index:2;
font-size: 12px; 
text-align: justify; 
}

#contenu_creation2{
height: 309px;
width: 285px;
position:absolute;
top:278px;
left:546px;
z-index:2;
font-size: 12px; 
text-align: justify; 
}

#ligne_bio {
position:absolute;
top:135px;
left:-20px;
z-index:0;  
}

#ligne_octuor{
position:absolute;
top:130px;
left:-15px;
z-index:0; 
}

#ligne_octuor2{
position:absolute;
top:68px;
left:1100px;
z-index:0; 
}

#ligne_octuor3{
position:absolute;
top:122px;
left:590px;
z-index:0; 
}

#ligne_bio1 {
position:absolute;
top:155px;
left:578px;
z-index:0; 
}

#swf {
	position:absolute;
	top:80px;
	left:512px;
	border: 1px solid #c0c0c0;
	width: 274px;
}

#swf2 {
position:absolute;
top:265px;
left:512px;
border: 1px solid #c0c0c0;
}

#swf3 {
position:absolute;
top:450px;
left:512px;
border: 1px solid #c0c0c0;
}

#bloc_swf { 
position:absolute;
background-color: #ffffff;
width: 290px;
height: 560px;
top:75px;
left:507px;
border: 1px solid #c0c0c0;
z-index:1; 
}

#bloc_swf2 { 
position:absolute;
background-color: #ffffff;
width: 100px;
height: 101px;
top:357px;
left:507px;
border: 1px solid #c0c0c0;
z-index:1; 
}

#bloc_swf3 { 
position:absolute;
background-color: #ffffff;
width: 170px;
height: 65px;
top:337px;
left:507px;
border: 1px solid #c0c0c0;
z-index:1; 
}

#bloc_brochure { 
position:absolute;
background-color: #ffffff;
width: 222px;
height: 273px;
top:140px;
left:508px;
border: 1px solid #c0c0c0;
z-index:1; 
}

#bloc_adhesion { 
position:absolute;
background-color: #ffffff;
width: 222px;
height: 273px;
top:101px;
left:911px;
border: 1px solid #c0c0c0;
z-index:1; 
}

#carre_pdf{
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:138px;
left:382px;
z-index:4;
}

#carre_pdf3{
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:132px;
left:412px;
z-index:4;
}

#plaquette {
height: 20px;
width: 180px;
padding-top: 10px;
padding-left:60px;
}
/*/////////creation//////////////////////////////////////////////////////////////////////////////////////////*/

#ligne_ssmenu_crea {
position:absolute;
top:183px;
left:185px;
z-index:0; 
}

#creation2 {
padding-top: 225px;
padding-left:340px;
height: 20px;
width: 180px;
}

#sous_menu_crea {
position:absolute;
top:0px;
left:0px;
z-index:0; 
}

#bio_compositeur {
padding-top: 10px;
padding-left:310px;
height: 20px;
width: 200px;
}

#carre_creation1 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:230px;
left:333px;
z-index:4; 
}

#carre_creation2 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:230px;
left:520px;
z-index:4; 
}

#carre_biocompo1 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:265px;
left:304px;
z-index:4; 
}

#carre_biocompo2 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:265px;
left:510px;
z-index:4; 
}

#ligne_creation{
position:absolute;
top:200px;
left:510px;
z-index:0; 
}
#ligne_creation2{
position:absolute;
top:165px;
left:520px;
z-index:0; 
}

#ligne_creation3{
position:absolute;
top:68px;
left:1100px;
z-index:0; 
}

#ligne_creation4{
position:absolute;
top:130px;
left:-15px;
z-index:0; 
}

#ligne_creation5{
position:absolute;
top:247px;
left:510px;
z-index:0; 
}

#bloc_creation1 {
height: 719px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

#bloc_creation2 {
height: 368px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:506px;
z-index:1; 
}

#titre2 {
width: 285px;
font-size: 17px; 
font-weight: bolder;
padding-bottom: 15px;
padding-top: 161px;
border-bottom: 1px solid #c0c0c0;
}

/*////////pedagogie////////////////////////////////////////////////////////////////////////////////////////*/

#ligne_ssmenu_pedagogie {
position:absolute;
top:185px;
left:226px;
z-index:0; 
}

#bloc_pedagogie1 {
height:402px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

/*////////discographie////////////////////////////////////////////////////////////////////////////////////////*/

#sous_menu_disco {
position:absolute;
top:50px;
left:-1px;
z-index:0; 
}

#sous_menu_mecenes {
position:absolute;
top:100px;
left:-22px;
z-index:0; 
}

#carre_disco1 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:235px;
left:403px;
z-index:4; 
}

#carre_disco2 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:235px;
left:588px;
z-index:4; 
}

#carre_disco3 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:295px;
left:567px;
z-index:4; 
}

#carre_mp31 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:268px;
left:374px;
z-index:4; 
}

#carre_mp32 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:268px;
left:580px;
z-index:4; 
}

#ligne_disco1{
position:absolute;
top:172px;
left:588px;
z-index:0; 
}

#ligne_menuactu{
position:absolute;
top:172px;
left:588px;
z-index:0; 
}

#ligne_disco2 {
position:absolute;
top:205px;
left:578px;
z-index:0; 
}

#ligne_disco3{
	position:absolute;
	top:230px;
	left:565px;
	z-index:0;
	height: 20px;
	width: 1157px;
}

#ligne_ssmenu_disco {
position:absolute;
top:210px;
left:290px;
z-index:0; 
}

/*////////home////////////////////////////////////////////////////////////////////////////////////////*/

#home{
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: 400px;
text-align: left;
padding-top: 200px;
}

#texthome{ 
padding-left: 12px;
}

a.boutonhome {
font-size: 14px;
text-transform: uppercase;
color: #ffffff;
display: block;
text-decoration: none;
font-weight: bold;
padding-bottom: 20px;
padding-top: 5px;
}

a.boutonhome:hover {
color: #B9DF25;
}

#texthome2{ 
padding-left: 12px;
color: #ffffff;
font-size: 9px;
}

a.boutonhome2 {
font-size: 11px;
color: #ffffff;
display: block;
text-decoration: none;
padding-bottom: -7px;
}

a.boutonhome2:hover {
color: #B9DF25;
}

#lignehome{
position:absolute;
top:-150px;
left:0px;
opacity: .5;
filter: alpha(opacity=50);
z-index:0; 
}
/*////////actualite////////////////////////////////////////////////////////////////////////////////////////*/

#ligne_ssmenu_actu {
position:absolute;
top:104px;
left:197px;
z-index:0; 
}

/*////////entrepreneur////////////////////////////////////////////////////////////////////////////////////////*/

#ligne_entrepreneur {
position:absolute;
top:235px;
left:290px;
z-index:0;
}

#bloc_entrepreneur {
height: 331px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:506px;
z-index:1; 
}

#bloc_entrepreneur2 {
height: 614px;
width: 365px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

#bloc_dl2 {
height: 100px;
width: 198px;
background-color: #ffffff;
border: 1px solid #c0c0c0;
position:absolute;
top:542px;
left:287px;
z-index:1; 
}

#carre_telechargement2 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:620px;
left:280px;
z-index:4; 
}

#carre_telechargement3 {
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:501px;
left:240px;
z-index:4; 
}

#ligne_entrepreneur_dl{
position:absolute;
top:508px;
left:239px;
z-index:0;
}

#contenu_dl2 {
font-size: 10px;
text-transform: uppercase;
height: 105px;
width: 160px;
position:absolute;
top:551px;
left:296px;
z-index:2; 
}

#pdf_dl_entrepreneur{

position:absolute;
top:590px;
left:296px;
height: 30px;
width: 190px;
background-color: #ffffff;
z-index:4; 
}

#carre_pdf2{
height:7px;
width: 7px;
background-color: #000000;
position:absolute;
top:288px;
left:382px;
z-index:4;
}

#logo_pdf2{
position:absolute;
top:270px;
left:380px;
}

/*////////contact////////////////////////////////////////////////////////////////////////////////////////*/

#ligne_contact{
position:absolute;
top:238px;
left:134px;
z-index:0;
}

a.boutonhome3 {
font-size: 12px;
color: #000000;
display: block;
text-decoration: none;
padding-bottom: -7px;
}

a.boutonhome3:hover {
color: #B9DF25;
}

#bloc_contact {
height: 609px;
width: 365px;
background-color: #FFFFFF;
border: 1px solid #c0c0c0;
position:absolute;
top:100px;
left:100px;
z-index:1; 
}

/*////////liens////////////////////////////////////////////////////////////////////////////////////////*/

#ligne_lien2 {
position:absolute;
top:185px;
left:203px;
z-index:0;
}

/*////////liens////////////////////////////////////////////////////////////////////////////////////////*/

#ligne_presse_ss {
position:absolute;
top:134px;
left:182px;
z-index:0;
}

h1 {
font-size: 17px; 
font-weight: bolder;
}

h2 {
padding-top: 15px;
font-size: 12px; 
font-weight: normal;
}

h3 {
font-size: 17px; 
font-weight: bolder;
}

h4 {
font-size: 12px; 
font-weight: bolder;
}