/* CSS Document */


*{
margin:0;
padding:0;
outline:none;
}
ul{
clear:both;
width:100%;
}
li{
list-style-type:none;
margin:0;
padding:0;
}

a{
text-decoration:none;
}


h2{
float:left;
clear:both;
text-align:left;
font-size:34px;
color:#624d64;
padding:0px;
margin:0 0 10px 0;
font-weight:normal;
width:100%;
}
h4{
float:left;
clear:both;
text-align:left;
font-size:11px;
color:white;
padding:0px;
margin:0;
font-weight:normal;
}

body{
text-align:center;
font-family:Arial, Helvetica, sans-serif;

}

#fondbleu{

}

#content_home{ 
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 860px; 
  height: 645px; 
  margin-top: -322px; /* moitié  de la hauteur */ 
  margin-left: -430px; /* moitié  de la largeur */ 
  border: 0px solid #000;
  background:url(../img/background.jpg) 0 0 no-repeat;
  text-align:left;
}
#content{ 
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 860px; 
  height: 645px; 
  margin-top: -322px; /* moitié  de la hauteur */ 
  margin-left: -430px; /* moitié  de la largeur */ 
  border: 0px solid #000;
  background: url(../img/background2.jpg) 0 0 no-repeat;
  text-align:left;

}
#content_flou{ 
  position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 860px; 
  height: 645px; 
  margin-top: -322px; /* moitié  de la hauteur */ 
  margin-left: -430px; /* moitié  de la largeur */ 
  border: 0px solid #000;
  background:url(../img/background3.jpg) 0 0 no-repeat;
  text-align:left;
}



#langues{
float:left;
clear:both;
width:170px;
border:solid 0px #000000;
margin:450px 0 0 650px;
}
#langues li{
float:left;
clear:both;
margin:0 0 5px 0;
text-align:left;
color:white;
font-size:18px;
border:solid 0px #006699;
}

#langues li img{
border:none;
margin:0px 15px 0 0;
float:left;
}
li#francais{width:115px;}
li#italiano{width:104px;}

li#francais span.txt{margin:0 0 0 0;float:right;}
li#italiano span.txt{margin:0 0 0 0;float:right;}




/****************** LOGO BALLADINES *******************************/

#balladines{
width:145px;
position:absolute;
right:0;

margin:15px 15px 0 0px;
}
#balladines ul li{
width:145px;
float:left;
clear:both;
background:url(../img/pictos/balladines.png) 0 0px no-repeat;
}
#balladines ul li a{
display:block;
width:145px;
text-indent:-9999px;
padding:30px 0 0 0px;
border:solid 0px #003366;
}


#balladines_it{
width:145px;
position:absolute;
right:0;

margin:15px 15px 0 0px;
}
#balladines_it ul li{
width:145px;
float:left;
clear:both;
background:url(../img/pictos/balladines_it.png) 0 0px no-repeat;
}
#balladines_it ul li a{
display:block;
width:145px;
text-indent:-9999px;
padding:30px 0 0 0px;
border:solid 0px #003366;
}

/****************** MENU *******************************/

#menu{
position:absolute;
bottom:20px;
right:0;
width:150px;
float:right;
clear:none;
margin:440px 35px 0 0px;
}
#menu ul li{
width:150px;
float:left;
clear:both;
line-height:10px;
padding:0 0 2px 0px;
}

#menu ul li a{
color:white;
font-size:11px;
font-weight:bold;
padding:0 0 0px 10px;
background:url(../img/pictos/fleche_menu.png) 0 3px no-repeat;
}
#menu ul li a:hover{
color:#d8d917;
}


#menu_sponsor{
position:absolute;
bottom:35px;
right:0;
width:150px;
float:right;
clear:none;
margin:440px 35px 0 0px;
}
#menu_sponsor ul li{
width:150px;
float:left;
clear:both;
line-height:10px;
padding:0 0 2px 0px;
}

#menu_sponsor ul li a{
color:white;
font-size:11px;
font-weight:bold;
padding:0 0 0px 10px;
background:url(../img/pictos/fleche_menu.png) 0 3px no-repeat;
color: #5b595a;
}
#menu_sponsor ul li a:hover{
color:#d8d917;
}




/***************** PRESENTATION *************************/

#presentation{
float:left;
clear:both;
width:550px;
margin:50px 0 0 200px;
border:solid 0px #0000FF;
}
#presentation p{
float:left;
clear:both;
width:305px;
margin:6px 0 0 370px;
border:solid 0px #0000FF;
text-align:left;
color:#5c5b5c; 
font-size:11px;
line-height:19px;
font-weight:bold;
}
#presentation h3{
float:left;
clear:both;
width:300px;
margin:0;
text-indent:-9999px;
padding:135px 0 0 250px;
border:solid 0px #0000FF;
background:url(../img/presentation/stage.png) 0 5px no-repeat;
}

/***************** PRESENTATION IT *************************/

#presentation_it{
float:left;
clear:both;
width:550px;
margin:50px 0 0 200px;
border:solid 0px #0000FF;
}
#presentation_it p{
float:left;
clear:both;
width:305px;
margin:6px 0 0 370px;
border:solid 0px #0000FF;
text-align:left;
color:#5c5b5c; 
font-size:11px;
line-height:19px;
font-weight:bold;
}
#presentation_it h3{
float:left;
clear:both;
width:300px;
margin:0;
text-indent:-9999px;
padding:135px 0 0 250px;
border:solid 0px #0000FF;
background:url(../img/presentation/stage_it.png) 0 5px no-repeat;
}

/***************** CONTACT *************************/

#contact{
float:left;
clear:both;
width:370px;
margin:340px 0 0 155px;
border:solid 0px #0000FF;
}
#contact ul{
width:300px;
}
#contact ul li{
width:350px;
text-align:left;
float:left;
clear:both;
color:white;
padding:6px 0px;
font-weight:bold;
font-size:18px;
line-height:15px;
}
#contact ul li a{
color:white;
}
/***************** CONTENU *************************/

#contenu{
width:770px;
float:left;
clear:both;
border:solid 0px #333333;
margin:205px 0 0 50px;
text-align:left;
}
#contenu #left{
width:310px;
float:left;
clear:none;
border:solid 0px #333333;
margin:10px 27px 0 0;
color:#2f295e;
}

#contenu #right{
width:280px;
float:left;
clear:none;
border:solid 0px #333333;
margin:10px 27px 0 0;
}


#contenu img#header{

float:left;
clear:both;
border:solid 0px #333333;
margin:0px auto 10px auto;
text-align:left;
}
#contenu h4{
float:left;
clear:both;
text-align:left;
font-size:11px;
color:white;
font-weight:normal;
width:100%;
}
#contenu h5{
float:left;
clear:both;
text-align:left;
font-size:12px;
color:#624d64;
font-weight:bold;
width:100%;
margin:6px 0;
}
#contenu ul{
margin:0 0 0 0px;
padding:0;
text-align:left;
float:left;
clear:both;
width:100%;
}

#contenu ul li{
padding:0 0 0 5px;
text-align:left;
float:left;
clear:both;
color:#2f295e;
font-size:11px;
background:url(../img/pictos/disc.jpg) 0 6px no-repeat;
width:100%;
}

#contenu p{
margin:0 0 0 0px;
padding:0;
float:left;
clear:none;
width:100%;
color:#2f295e;
font-size:11px;
}
#contenu table {
float:left;
clear:both;
}
#contenu table td{
color:#624d64;
font-size:11px;
font-weight:bold;
}


/********************** INFORMATION PRATIQUES  *************************************/

#contenu table.tableinfo td{
font-weight:normal;
font-family:tahoma;
color:#fff;
font-size:9px;
}

.info_title{
font-weight:bold;
color:#d8d917;
}
.info_subtitle{
font-weight:normal;
color:#d8d917;
}

.info_subtitle a,.info_subtitle a:link,.info_subtitle a:hover{
font-weight:normal;
color:#d8d917;
}



/********************* ORGANISATION **************************/

ul#organisation{
margin:10px 0 0 130px;
clear:both;
}
ul#organisation li{
width:87px;
float:left;
clear:none;
padding:0px 0 0px 0;
border:solid 0px #333333;
text-align:center;
font-size:10px;
line-height:12px;
}

ul#organisation li#sofia{background:url(../img/organisation/sofia.png) 5px 0px no-repeat;}
ul#organisation li#christelle{background:url(../img/organisation/christelle.png) 5px 0px no-repeat;}
ul#organisation li#gaelle{background:url(../img/organisation/gaelle.png) 5px 0px no-repeat;}
ul#organisation li#fabienne{background:url(../img/organisation/fabienne.png) 5px 0px no-repeat;}
ul#organisation li#fabiola{background:url(../img/organisation/fabiola.png) 5px 0px no-repeat;}
ul#organisation li#melanie{background:url(../img/organisation/melanie.png) 5px 0px no-repeat;}
ul#organisation li#dario{background:url(../img/organisation/dario.png) 5px 0px no-repeat;}
ul#organisation li#sabrina{background:url(../img/organisation/sabrina.png) 5px 0px no-repeat;}
ul#organisation li#martine{background:url(../img/organisation/martine.png) 5px 0px no-repeat;}

ul#organisation li a{
border:solid 0px #666666;
display:block;
padding:110px 0 0px 0;
}
ul#organisation li span.nolink{
border:solid 0px #666666;
display:block;
padding:110px 0 0px 0;
}

span.nom{
color:#2f295e;
}
span.titre{
color:white;
}

h2#h2organisation{
width:317px;
padding:15px 0 0 0;
margin:15px 0 0 20px;
position:absolute;
top:380px;
left:110px;
color:#c8c8ca;
font-size:60px;
}

/********************* AUDITION **************************/

h2#h2audition{
width:317px;
padding:15px 0 0 0;
margin:15px 0 0 20px;
position:absolute;
top:180px;
left:20px;
color:#c8c8ca;
font-size:60px;
}

#aud_menu a{
color:white;
font-size:11px;
font-weight:bold;
padding:0 0 0px 10px;
background:url(../img/pictos/fleche_menu.png) 0 3px no-repeat;
}
#aud_menu a:hover{
color:#d8d917;
}

/********************* PROFESSEUR **************************/

ul#professeur{
width:100%;
margin:5px 0 0 25px;
float:left;
clear:both;
}
ul#professeur li{
width:77px;
float:left;
clear:none;
padding:0;
border:solid 0px #333333;
text-align:center;
font-size:10px;
line-height:12px;
}

ul#professeur li a{
border:solid 0px #666666;
display:block;
padding:110px 0 0px 0;
}
ul#professeur li span.nolink{
border:solid 0px #666666;
display:block;
padding:110px 0 0px 0;
}

ul#professeur li a:hover{

}


ul#professeur li#geraldine{background:url(../img/professeurs/geraldine.png) 10px 0px no-repeat;}
ul#professeur li#emilio{background:url(../img/professeurs/emilio.png) 10px 0px no-repeat;}
ul#professeur li#alex{background:url(../img/professeurs/alex.png) 10px 0px no-repeat;}
ul#professeur li#dominique{background:url(../img/professeurs/dominique.png) 10px 0px no-repeat;}
ul#professeur li#claudie{background:url(../img/professeurs/claudie.png) 10px 0px no-repeat;}
ul#professeur li#alessandra{background:url(../img/professeurs/alessandra.png) 10px 0px no-repeat;}
ul#professeur li#marina{background:url(../img/professeurs/marina.png) 10px 0px no-repeat;}

ul#professeur li#carole{background:url(../img/professeurs/carole.png) 10px 0px no-repeat;}
ul#professeur li#florence{background:url(../img/professeurs/florence.png) 10px 0px no-repeat;}
ul#professeur li#junior{background:url(../img/professeurs/junior.png) 10px 0px no-repeat;}
ul#professeur li#lola{background:url(../img/professeurs/lola.png) 10px 0px no-repeat;}
ul#professeur li#sarah{background:url(../img/professeurs/sara.png) 10px 0px no-repeat;}

h2#h2professeurs{

width:317px;
padding:15px 0 0 0;
margin:15px 0 0 20px;
position:absolute;
top:380px;
left:110px;
color:#c8c8ca;
font-size:60px;
}


/******************************  PLANNING  ************************************/
h2#h2planning{

width:317px;
padding:15px 0 0 0;
margin:15px 0 0 20px;
position:absolute;
top:530px;
left:110px;
color:#c8c8ca;
font-size:60px;
}

/******************** TARIFS ***********************/


/************************  PARTENAIRES  ****************************/

ul#partenaires_left{
position:absolute;
width:205px;
top:220px;
left:10px;
}
ul#partenaires_left li a{
color:#000000;
font-family:times;
font-style: italic;
}

ul#partenaires_left li{
border:solid 0px #666666;
color:#2f295e;
font-size:13px;
}
ul#partenaires_left li#pouilles{
width:155px;
padding:20px 0 40px 50px;
background:url(../img/partenaires/pouilles.png) 0 0px no-repeat;
}
ul#partenaires_left li#viaggiareinpuglia{
width:155px;
padding:20px 0 40px 50px;
background:url(../img/partenaires/puglia.png) 0 0px no-repeat;
}
ul#partenaires_left li#ue{
width:155px;
padding:10px 0 30px 50px;
background:url(../img/partenaires/ue.png) 0 0px no-repeat;
}
ul#partenaires_left li#azienda{
width:155px;
padding:10px 0 30px 50px;
background:url(../img/partenaires/azienda.png)  no-repeat;
}
ul#partenaires_left li#lecce{
width:155px;
padding:40px 0 40px 50px;
background:url(../img/partenaires/lecce.png) 0 0px no-repeat;
}
ul#partenaires_left li#mairie_lecce{
width:155px;
padding:30px 0 40px 50px;
background:url(../img/partenaires/mairie_lecce.png) 0 0px no-repeat;
}
ul#partenaires_left li#mairie_asnieres{
width:155px;
padding:20px 0 40px 50px;
background:url(../img/partenaires/mairie_asnieres.png) 0 0px no-repeat;
}

/*************************/

div#partenaires_left2{
position:absolute;
text-align:center;
top:227px;
left:257px;
border:solid 0px #666666;
text-align:center;
}
div#partenaires_left2 span{
border:solid 0px #666666;
color:#2f295e;
font-size:11px;

float:left;
clear:both;
}
div#partenaires_left2 span img{
border:none;
}


/*************************/

div#partenaires_left3 {

position:absolute;

top:285px;
left:395px;
border:solid 0px #666666;
}
div#partenaires_left3 span{
border:solid 0px #666666;
color:#2f295e;
font-size:11px;

float:left;
clear:both;
}
div#partenaires_left3 span img{
border:none;
}


/*************************/

div#partenaires_left4{

position:absolute;

top:285px;
left:520px;
border:solid 0px #666666;
}
div#partenaires_left4 span{
border:solid 0px #666666;
float:left;
clear:both;
}
div#partenaires_left4 span img{
border:none;
}



/*************************/

div#partenaires_left5{
position:absolute;
top:285px;
left:685px;
border:solid 0px #666666;
}
div#partenaires_left5 span{
border:solid 0px #666666;
color:#2f295e;
font-size:11px;
float:left;
clear:both;
}
div#partenaires_left5 span img{
border:none;
}

div#collab a{
border:solid 0px #666666;
color:#0056a0;
font-size:10px;
}


div#photo{
position:absolute;
top:615px;
left:50px;
border:solid 0px #666666;
color:#0056a0;
width:650px;
font-size:10px;
}

/********************  MEDIA  **********************************/

#media_menu a{
color:white;
font-size:11px;
font-weight:bold;
padding:0 0 0px 10px;
background:url(../img/pictos/fleche_menu.png) 0 3px no-repeat;
}
#media_menu a:hover{
color:#d8d917;
}


/********************  EDITIONS  **********************************/


ul#editions2011{
position:absolute;
width:285px;
top:230px;
left:290px;
border:solid 0px #666666;
margin:0 0 0 0px;
}
ul#editions2011 li{
float:left;
clear:none;
border:solid 0px #666666;
text-align:center;
font-size:21px;
margin:0 0px 0 0px;

}

ul#editions2011 li{
width:250px;
display:block;
padding:330px 125px 210px 100px;
font-size:22px;
color:#fff;
background:url(../img/editions/2011.png) 100px 0px no-repeat;
border:solid 0px #666666;
}



ul#editions{
position:absolute;
width:360px;
top:210px;
left:0px;
border:solid 0px #666666;
margin:0 0 0 50px;
}
ul#editions li{
float:left;
clear:none;
border:solid 0px #666666;
text-align:center;
font-size:21px;
margin:0 30px 0 0px;

}

li#e2007{
width:130px;
display:block;
padding:175px 0 0 0;
background:url(../img/editions/2007.png) 0px 0px no-repeat;
color:#fff;
}
li#e2008{
width:130px;
display:block;
padding:175px 0 0 0;
background:url(../img/editions/2008.png) 0px 0px no-repeat;
color:#fff;
}

li#e2009{
width:130px;
display:block;
padding:175px 0 0 0;
background:url(../img/editions/2009.png) 0px 0px no-repeat;
color:#fff;
}

li#e2010{
width:130px;
display:block;
padding:175px 0 0 0;
background:url(../img/editions/2010.png) 0px 0px no-repeat;
color:#fff;
}

li#e2010 a:link,
li#e2010 a:hover,
li#e2010 a:visited{
color:white;
}