/* CSS Document */

* {
margin:0;
padding:0;
border:0;
}

body {
font:1em Arial, Helvetica, sans-serif;
color:#000;
background-image:none;
text-align:center; /*corrige le bug d'IE*/
line-height:1em;
}

p{
color:#999;
}

ul li {
list-style:none;
}

hr {
height:1px
}

a:link{
text-decoration:none;
color:#000;
}

a:visited{
color:#000;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:active{
text-decoration:none;
}

abbr {
speak: spell-out;
}

acronym{
speak: normal;
}

.small{

font-size:1.1em;}

#global {
background-color:#fff;
width:770px;
position:relative;
margin:0 auto;
text-align:left;
padding:0;
}

.nettoyeur {
clear:both;
line-height:1px;
}

.couleur{
color:#83d0ef;
}

.bold{
font-weight:bold;
}

a.couleur{
color:#83d0ef;
}

/*// EN TETE //*/

#entete{
background-image:none;
width:770px;
height:120px;
background-color:#000;
margin:0;
}

#entete ul{
list-style-image:none;
margin:0 0 0 30px;
padding:0 0 10px 0 ;
}

#entete ul li{
color:#83d0ef;
float:left;
}

#entete ul li a{
text-decoration:underline;
/*color:#666;*/padding:0 20px 0 0;
color:#000;
font-size:0.6em;
}

#entete .logo{
margin:0 0 0 30px;
}
/* MENU */

#menu {
width:750px;
height:55px;
position:relative;
background-color:#000;
margin:0;
padding:0 0 15px 20px;
float:left;
}

#menu ul{
margin:15px 0 0 0;
background-color:#000;
height:15px;
line-height:0.8em;
}

#menu ul li{
float:left;
margin:0 13px 0 5px;

}

#menu ul li a{
font-size:0.7em;
display:block;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:12px 0 0 0;
}

#menu ul li a:hover {
border-top:6px solid #83d0ef;
padding:6px 0 0 0;
}


#menu ul li#legal {
margin:0 2px 0 0;
}


/* CONTENU */

#contenu {
width:770px;
height:auto;
background-color:#000;
float:left;
padding:0 0 30px 0;
margin:15px 0 0 0;
}

#contenu #news {
width:160px;
height:245px;
background-color:#83d0ef;
float:left;
margin:0 0 0 25px;
}

#contenu #news #infos{
overflow:auto;
height:245px;
width:160px;
color:#FFFFFF;
}

#contenu #news #outils{
color:#FFFFFF;
background-color:#000;
float:left;
padding:10px 0 0 0;
}

#contenu #news #outils a{
color:#FFFFFF;
font-size:0.7em;
text-decoration:underline;
}

#contenu #news #infos h3{
font-size:1.5em;
text-transform:uppercase;
color:#fff;
line-height:0.8em;
margin:5px 0 10px 5px ;
}

/*#contenu #news h3 {
font-size:1.5em;
text-transform:uppercase;
color:#fff;
line-height:0.8em;
margin:5px 0 0 5px ;
}*/

#contenu #news #infos h4 {
font-size:1.1em;
font-weight:lighter;
color:#000;
line-height:0.9em;
margin:10px 0 0 5px;
}

#contenu #news #infos p {
font-size:0.7em;
margin:5px 0 8px 5px;
color:#000;
width:130px;
}

#contenu #news #infos p.tete {
font-size:1.5em;
color:#000;
}


#contenu #news #infos p a {
/*color:#fff;*/
text-decoration:underline;
color:#fff;
}

#contenu #depliant {
width:160px;
height:245px;
background-color:#83d0ef;
float:left;
margin:0 0 0 25px;
}

#contenu #depliant a {
font-size:0.7em;
margin:0;
color:#000;
text-decoration:underline;
}

#contenu #depliant .visuel{
margin:10px 0 0 5px;
}

#contenu #detail{
margin:0 0 0 15px;
background-color:#000;
width:530px;
padding:0 15px 0 0;
float:left;
}
/**/

#contenu #detail img.visuel_grand {
border-top:3px solid #fff;
border-bottom:1px solid #fff;
}
#contenu #detail_outil {
border-bottom:1px solid #fff;
margin-top:-3px;
color:#fff;
line-height:15px;
}
#contenu #detail a.envoi{
background:transparent url(/minisites/0910_jazz_villette/img/detail_concert/picto_ami.gif) no-repeat 0px 0px;
padding:0 0 0 10px;
float:right;
font-size:10px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
margin-top:1px;
}
#contenu #detail p.tarif{
color:#83d0ef;
float:right;
font:normal 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#contenu #detail h4{
/*color:#83d0ef;*/
font:normal 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding-left:42px;
border-bottom:1px solid #fff;
}

#contenu #detail div.bordure{
/*color:#83d0ef;*/
border-bottom:1px solid #fff;
padding:2px 0 0 0;
}

#contenu #detail h3{
color:#83d0ef;
font:bold 17px "Arial Black", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#contenu #detail h2{
color:#83d0ef;
font:bold 16px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#contenu #detail h1{
color:#fff;
font:bold 28px Arial, Helvetica, sans-serif;
text-transform:uppercase;
line-height:24px;
}
#contenu #detail #detail_main{
padding:0 0 8px 42px;
font:normal 12px Arial, Helvetica, sans-serif;
}
#contenu #detail #detail_main #date{
/*border-top:1px solid #fff;
border-bottom:1px solid #fff;*/
}

/* LIEU */
#contenu #detail #detail_main #date ul{
border-bottom:1px solid #fff;
text-transform:uppercase;
}
#contenu #detail #detail_main #date ul li{
border-top:1px solid #000;
}
#contenu #detail #detail_main #date ul li.date{
color:#000;
background:#83d0ef url(/img/nav/picto_fleche.gif) no-repeat 0 4px;
padding:0 0 0 11px;
}
#contenu #detail #detail_main #date ul li.lieu{
color:#FFF;
background:url(/img/nav/picto_fleche_blanche.gif) no-repeat 0 4px;
padding:0 0 0 11px;
}
/*FIN LIEU */

/*#contenu #detail #detail_main #date p.lieu{
float:right;
text-transform:uppercase;
background:url(../../../img/nav/picto_fleche_blanche.gif) no-repeat 0 4px;
padding-left:11px;
color:#fff;
}*/
#contenu #detail #detail_main h2.pdf{
font:bold 26px Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin:8px 0;
line-height:23px;
color:#b2b2b2;
}
#contenu #detail #detail_main h5{
font-size:1em;
text-transform:uppercase;
padding-left:11px;
}
/*#contenu #detail #detail_main #date h5.date{
color:#FFF;
background: #83d0ef url(../../../img/nav/picto_fleche_blanche.gif) no-repeat 0 4px;
}*/
#contenu #detail #detail_main hr.double{
border-top:1px dotted #000;
border-bottom:1px dotted #000;
margin-top:1px;
margin-bottom:6px;
}
#contenu #detail #detail_main table {
border-collapse:collapse;
}
#contenu #detail #detail_main table.programmation{
width:100%;
/*border-top:1px dotted #fff;*/										/* Pointillé entracte*/
/*border-bottom:1px dotted #000;*/
margin-bottom:12px;
}
#contenu #detail #detail_main td{
empty-cells:show;
vertical-align:top;
text-align:left;
}
#contenu #detail #detail_main table.programmation .auteur{
color:#fff;
width:156px;
}
#contenu #detail #detail_main table.programmation .oeuvre{
color:#fff;
font-style:italic;
/*border-bottom:1px dotted #fff;*/												/*bordure page détail plateau*/
}
#contenu #detail #detail_main table.programmation .dernier{
/*border-bottom:none;*/
}
#contenu #detail #detail_main ul.distribution {
/*border-top:1px dotted #fff; 	*/											/*bordure page détail plateau*/							
margin-bottom:6px;
}


#contenu #detail #detail_main ul.distribution li {
color:#fff;
/*border-bottom:1px dotted #fff;	*/											/*bordure page détail plateau*/
}
#contenu #detail #detail_main ul.distribution li .artiste {
color:#83d0ef;
font-weight:bold;
}

/*#contenu #detail #detail_main #distribution {
width:100%;
}
#contenu #detail #detail_main #distribution td{
border-bottom:1px dotted #000;
}
#contenu #detail #detail_main #distribution .role{
width:156px;
}*/
#contenu #detail #detail_main table#planning {
width:100%;
}
#contenu #detail #detail_main #planning td{
border-bottom:1px dotted #000;
}
#contenu #detail #detail_main table#planning span.horaire{
display:block;
padding-left:11px;
width:110px;
text-transform:uppercase;
color:#FFF;
}
#contenu #detail #detail_main table#planning td.titre{
text-transform:uppercase;
}
#contenu #detail #detail_main table#planning td.role{
width:155px;
}
#contenu #detail #detail_main div#lettrine{
/*margin-top:26px;*/
margin-top:3px;/*pour module ajax*/
width:10px;
height:10px;
float:left;
}
#contenu #detail #detail_main p.chapo{
margin-top:24px;
text-align:justify;
color:#fff;
}
#contenu #detail #detail_main p.copyright{
/*margin-top:24px;*/
color:#999;
font:normal 9px Arial, Helvetica, sans-serif;
}

#contenu #detail #detail_annexe {
padding-left:42px;
border-bottom:#83d0ef;
padding-bottom:20px;
font:normal 10px Arial, Helvetica, sans-serif;
}
#contenu #detail #detail_annexe h2{
font:bold 26px Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin:8px 0;
line-height:23px;
/*color:#E2E2E2;*/
color:#b2b2b2;
}
/* tableau resa 2 representations max */
#contenu #detail #detail_annexe table.tableau_resa{
width:100%;
border-collapse:collapse;
empty-cells:show;
margin:0 0 8px;
}
#contenu #detail #detail_annexe table.tableau_resa td{
font:normal 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
background-color:#E2E2E2;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
}
#contenu #detail #detail_annexe table.tableau_resa td.date{
width:390px;
}
#contenu #detail #detail_annexe table.tableau_resa td.horaire{
background:#E2E2E2 url(../../../img/nav/picto_resa_horaire.gif) no-repeat left top;
padding-left:22px;
}
#contenu #detail #detail_annexe table.tableau_resa a.resa_ok{
padding-left:18px;
background:#E2E2E2 url(../../../img/nav/picto_resa5.gif) no-repeat left top;
}
#contenu #detail #detail_annexe table.tableau_resa span.resa_ko{
background:#E2E2E2 url(../../../img/nav/picto_resa_ko.gif) no-repeat left top;
padding-left:18px;
}
/* tableau resa >2 ponctuelles */
#contenu #detail #detail_annexe table.tableau_resa_multi{
width:100%;
border-collapse:collapse;
empty-cells:show;
margin:0 0 8px;
}
#contenu #detail #detail_annexe table.tableau_resa_multi td{
font:normal 10px Arial, Helvetica, sans-serif;
line-height:11px;
text-transform:uppercase;
background-color:#E2E2E2;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
}
#contenu #detail #detail_annexe table.tableau_resa_multi td.date{
width:390px;
}
#contenu #detail #detail_annexe table.tableau_resa_multi td.horaire{
background:#E2E2E2 url(../../../img/nav/picto_resa_horaire_s.gif) no-repeat left top;
padding-left:14px;
}
#contenu #detail #detail_annexe table.tableau_resa_multi a.resa_ok{
padding-left:14px;
}
#contenu #detail #detail_annexe table.tableau_resa_multi span.resa_ko{
background:transparent url(../../../img/nav/picto_resa_ko_s.gif) no-repeat left center;
padding-left:14px;
}
/* tableau resa cycles */
#contenu #detail #detail_annexe table.tableau_resa_cycle{
width:100%;
border-collapse:collapse;
empty-cells:show;
margin:0;
}
#contenu #detail #detail_annexe table.tableau_resa_cycle td{
font:normal 10px Arial, Helvetica, sans-serif;
line-height:11px;
text-transform:uppercase;
background-color:#E2E2E2;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
}
#contenu #detail #detail_annexe table.tableau_resa_cycle td.date{
width:390px;
}
#contenu #detail #detail_annexe table.tableau_resa_cycle td.horaire{
background:#E2E2E2 url(/minisites/0909_jazz_villette/img/nav/picto_resa_ov.gif) no-repeat left top;
padding-left:14px;
}
#contenu #detail #detail_annexe table.tableau_resa_cycle a.resa_ok{
padding-left:14px;
}
#contenu #detail #detail_annexe table.tableau_resa_cycle span.resa_ko{
background:transparent url(../../../img/nav/picto_resa_ko_s.gif) no-repeat left center;
padding-left:14px;
}
#contenu #detail #detail_annexe table.tableau_resa_cycle td.toutes_dates{
padding-left:14px;
text-transform:lowercase;
}
#contenu #detail #detail_annexe div.liste_dates{
margin-bottom:8px;
padding-left:14px;
background-color:#E2E2E2;
text-transform:uppercase;
}
/* fin tableau resa*/

#contenu #detail hr.sousdivision{
margin:5px 0;
}
#contenu #detail #detail_annexe h3{
font:bold 11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#contenu #detail ul.pdf{
margin:6px 0;
}
#contenu #detail ul.pdf li{
display:block;
margin-bottom:1px;
padding-left:16px;
text-transform:uppercase;
line-height:10px;
}
#contenu #detail ul.pdf li a{
color:#83d0ef;
}


#contenu #detail #detail_annexe img.visuel_petit{
float:left;
margin:4px 4px 0 0;
}
#contenu #detail #detail_annexe table#tableau_cycle{
width:435px;
border-collapse:collapse;
empty-cells:show;
margin:6px 0;
}
#contenu #detail #detail_annexe table#tableau_cycle td{
font:normal 10px Arial, Helvetica, sans-serif;
line-height:11px;
text-transform:uppercase;
background-color:#E2E2E2;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
}
#contenu #detail #detail_annexe table#tableau_cycle td.date{
background:#E2E2E2 url(../../../img/nav/picto_resa_horaire_s.gif) no-repeat left top;
padding-left:14px;
width:170px;
}
#contenu #detail #detail_annexe table#tableau_cycle a.resa_ok{
padding-left:16px;
}
#contenu #detail #detail_annexe table#tableau_adecouvrir{
width:100%;
border-collapse:collapse;
empty-cells:show;
margin:2px 0;
}
#contenu #detail #detail_annexe table#tableau_adecouvrir td{
font:normal 10px Arial, Helvetica, sans-serif;
line-height:11px;
border-top:1px dotted #000;
}
#contenu #detail #detail_annexe table#tableau_adecouvrir td.activite{
width:72px;
font:bold 11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#contenu #detail #detail_partenaire {
padding:8px 0 20px 42px;
}
#contenu #detail #detail_partenaire img{
margin-right:8px;
}
#contenu #detail #detail_partenaire p.m_partenaire{
font:bold 11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-bottom:15px;
}
#contenu #detail p.m_obligatoire{
margin-top:24px;
font:normal 10px Arial, Helvetica, sans-serif;
color:#999;
}

/* PAGE MUSICIEN MUSEE */
#contenu #detail #detail_main div.instrument {
margin-top:5px;
}
#contenu #detail #detail_main div.instrument img.visuel{
float:right;
margin-left:5px;
}
#contenu #detail #detail_main div.instrument p{
text-align:justify;
}
#contenu #detail #detail_main .extrait_audio{
margin-top:15px;
}
/* FIN PAGE MUSICIEN MUSEE */


/* PAGE CYCLE */
#contenu #detail.cycle{
border-top:3px solid #000;
}
#contenu #detail img.visuel_cycle{
float:left;
margin-right:5px;
}
#contenu #detail h1.cycle{
margin-top:5px;
}
#contenu #detail #detail_main.cycle{
padding:0;
}
#contenu #detail #detail_main p.chapo_cycle{
margin:12px 0;
text-align:justify;
}

#contenu #result_rech {
margin:0;
}
#contenu #result_rech h1{

font:normal 26px Arial, Helvetica, sans-serif;
text-transform:uppercase;
line-height:24px;
margin:4px 0;
}
#contenu #result_rech div#list_result {
margin:0 0 10px 0;
}
#contenu #result_rech div#list_result div.resultat{
margin-top:15px;
padding-bottom:12px;
border-bottom:1px solid #000;
position:relative;
zoom:1;
}
#contenu #result_rech div#list_result div.dernier{
border-bottom:none;
}
#contenu #result_rech div#list_result div.visuel{
float:left;
}
#contenu #result_rech div#list_result div.detail_info{
float:left;
margin-left:8px;
width:416px;
border-top:1px dotted #000;
font:normal 11px Arial, Helvetica, sans-serif;
line-height:12px;
}
#contenu #result_rech div#list_result div.detail_info a.savoir{
float:right;
padding-left:12px;
background:url(../../../img/nav/picto_fleche.gif) no-repeat left center;
}
#contenu #result_rech div#list_result div.detail_info h3{
font:normal 11px Arial, Helvetica, sans-serif;
text-transform:uppercase;
border-bottom:1px dotted #000;
}
#contenu #result_rech div#list_result div.detail_info p.horaire{
float:right;
margin-left:20px;
}
#contenu #result_rech div#list_result div.detail_info p.public{
float:right;
text-transform:uppercase;
}
#contenu #result_rech div#list_result div.detail_info p.tarif{
border-bottom:1px dotted #000;
}
#contenu #result_rech div#list_result a.billetterie{
display:block;
width:100px;
margin-top:12px;
font:normal 10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
padding:0 4px;
color:#fff;
}
#contenu #result_rech div#list_result p.result_texte{
font:normal 12px Arial, Helvetica, sans-serif;
line-height:12px;
width:416px;
position:absolute;
bottom:14px;
}
#contenu #result_rech div#list_result span.result_activite{
font:bold 12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#contenu #result_rech div#list_result a.suite{
font:bold 11px Arial, Helvetica, sans-serif;
}

/* ENVOYER A UN AMI */
#contenu #detail .panel div{
padding:10px 10px 0;
width:235px;
background:#fff;
font:normal 12px Arial, Helvetica, sans-serif;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
}
#contenu fieldset.form{
background-color:#E2E2E2;
margin-bottom:3px;
padding:10px 5px;
}
#contenu fieldset.form legend{
padding:0 5px;
font-size:11px;
font-weight:bold;
}
#contenu fieldset.form ul li {
margin-bottom:4px;
}
#contenu fieldset.form label{
width:80px;
display:block;
float:left;
margin-left:2px;
}
#contenu fieldset.form textarea{
width:142px;
}
#contenu a.validation{
display:block;
float:right;
border:1px solid #000;
background-color:#000;
font-size:10px;
width:132px;
text-align:center;
height:14px;
line-height:14px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
margin:3px 0 8px;
}
/* --------------------- */


/* PIED */

#pied {
margin:0 0 5px 0;
float:left;
}

#pied ul{
width:750px;
background-color:#83d0ef;
height:15px;
line-height:0.8em;
padding:0 0 0 20px;
}

#pied ul li{
float:left;
margin:0 40px 0 5px;
}

#pied ul li a{
font-size:0.7em;
color:#fff;
text-decoration:none;
text-transform:uppercase;
}

#pied ul li#legal {
margin:0 2px 0 0;
}