html,body {
height:100%;
}

body {
text-align:left;
font-size:1em;
background:#d9d0ca;
color:#000;
font-family:arial,helvetica,sans-serif;
}

a {
text-decoration:none;
color:#f13f52 ;
outline:none;
}
a:hover,#horspied a:hover,#contenu a:hover {
color:#00AEAE;
}

.nettoyeur {
clear:both;
height:1px;
width:100%;
}

#page {
position:relative;
width:911px;
margin:0 auto;
}

#conteneur {
padding:119px 0 50px;
}

#menu {
position:fixed;
top:0;
width:911px;
height:119px;
background:url('images/img-saison_10-11.gif') #fff top left no-repeat;
z-index:2;
}

#pied {
position:fixed;
bottom:0;
width:911px;
height:44px;
background:url('images/pied-saison_10-11.gif') bottom left no-repeat;
text-align:left;
color:#fff;
font-size:.9em;
z-index:2;
}

#pied p {
float:left;
margin-top:14px;
}
#pied a { color:#fff; }
#pied a:hover { text-decoration:underline; }

#pied p a.fevis,#pied p a.culturelyon {
display:block;
height:18px;
float:left;
margin-left:16px;

}

#pied p a.fevis {
width:58px;
background:url('images/fevis.gif') center center no-repeat;
}

#pied p a.culturelyon {
width:120px;
background:url('images/culturelyon.gif') center center no-repeat;
}

#pied small {
display:block;
float:left;
margin-top:16px;
margin-left:20px;
}

#horspied {
position:fixed;
float:none;
bottom:0;
width:1024px;
font-size:.7em;
color:#00AEAE;
text-align:right;
margin:0;
}

/* le menu 
------------------------------------------------- */
#menu a#accueil {  color:#fff; float:left; height:12px; font-size:.7em; text-transform:uppercase; margin:72px 0 0 6px; padding:0; }

#menu a#accueil:hover {
background:none;
color:#fff;
}

.rubriques {
margin-top:90px;
}

#menu li {
float:left;
position:relative;
list-style:none;
color:#d9d0ca;
font-family:arial,helvetica,sans-serif;
font-size:1em;
background:#fff;
font-weight:600;
}

#menu a { display:block; height:22px;/* color:#d9d0ca;*/  color:#00AEAE; text-align:center; padding:5px 0 2px; }
#menu a:hover,#menu a.on { color:#F13F52 /*#00AEAE*/;  }
#menu a.on { text-decoration:underline; }

#menu a.a3, #menu ul.smenu#smenu3 a, #menu a.a11, #menu ul.smenu#smenu11 a, #menu a.a5, #menu ul.smenu#smenu5 a, #menu a.a6, #menu ul.smenu#smenu6 a, #menu a.a8, #menu ul.smenu#smenu8 a { color:#F13F52; }
#menu a.a3:hover, #menu ul.smenu#smenu3 a:hover, #menu a.a5:hover, #menu ul.smenu#smenu5 a:hover, #menu a.a6:hover, #menu ul.smenu#smenu6 a:hover, #menu a.a8:hover, #menu ul.smenu#smenu8 a:hover { color:#00AEAE; }

#menu li.li3 {
width:120px;
margin-left:20px;
}

#menu li.li4 {
width:95px;
}

#menu li.li5 {
width:135px;
}

#menu li.li6 {
width:125px;
}

#menu li.li8 {
width:158px;
}



#menu li.inter {
margin-top:8px;
height:14px;
border-left:1px solid #000;
}

#menu li.inter1 {
width:3px;
}

ul.smenu {
position:absolute;
bottom:500px;
width:220px;
font-size:.8em;
text-align:left;
}

#menu li.li8 ul.smenu {
right:0;
}

#menu ul.smenu li {
float:none;
border-bottom:1px solid #F13F52;
font-weight:400;
}

/* special collaboration */
#menu ul.smenu li.class17 {
float:none;
border-bottom:1px solid #F13F52;
font-weight:400;
width:180px;
margin-left:40px;
}

#menu ul.smenu li.class99 {
float:none;
border-bottom:1px solid #F13F52;
border-right:1px solid #F13F52;
font-weight:400;
position:absolute;
bottom:0;
right:180px;
width:180px;
}

#menu ul.smenu li a {
height:14px;
text-align:left;
padding-left:4px;
}

ul.ssmenu {
position:absolute;
top:0;
left:180px;
width:200px;
}

ul.ssmenu li {
border-left:1px solid #F13F52;
}

/* le contenu
------------------------------------------------- */
#contenu {
font-size:.8em;
}

/*
#hierarchie {
margin-bottom:2em;
font-size:.85em;
}*/
.ancre {
position:absolute;
top:-130px;
}

.articles {
position:relative;
clear:both;
z-index:1;
margin:0 0 2em;
}

a.retour {
float:right;
clear:both;
text-decoration:underline;
font-size:.85em;
}

h1.titre {
color:#00AEAE;
font-size:1.5em;
text-transform:uppercase;
margin:2em 0 0;
}
.page_concerts h1.titre { color:#F13F52 }

.texte,.cartouche,.chapo {
margin-left:215px;
text-align:justify;
}

#affiche_documents {
float:left;
width:200px;
text-align:center;
}

.spip_doc_titre {
font-weight:700;
font-size:0.8em;
margin-left:auto;
margin-right:auto;
}

h3.spip {
margin:.8em 0 0;
/*color:#00AEAE;*/
}

.texte.rubrique h3.spip {
color:#F13F52;
font-size:1.8em;
}

p.spip {
margin:0 0 .7em;
}

ul.spip {
margin:.8em 0 .8em 50px;
}

li.spip {
list-style-position:inside;
}

.texte a,.chapo a,.cartouche a {
text-decoration:underline;
}

/* page sommaire 
--------------------------------------------- */
.page_sommaire #page {
background:#00AEAE;
color:#fff;
}

.page_sommaire .chapo {
width:330px;
text-align:right;
margin:2em 0 0 20px;
float:left;
}

.page_sommaire .texte {
float:right;
width:460px;
margin:2em 40px 0;
text-align:left;
}
.page_sommaire .spip_documents { display:block; width:100%; background:#D9D0CA; }
.page_sommaire .texte h3.spip {
color:#d9d0ca;
font-size:1.5em;
}

.page_sommaire .texte i {
color:#d9d0ca;
font-size:.9em;
}

.page_sommaire .chapo i {
color:#d9d0ca;
font-size:.9em;
font-weight:400;
}

.page_sommaire .chapo i a {
color:#d9d0ca;
text-decoration:none;
font-weight:400;
}
.page_sommaire #contenu a { color:#fff; text-decoration:underline; }
.page_sommaire #contenu a:hover { color:#fff; text-decoration:underline; }

/* contenu rubrique 19 = productions
--------------------------------------------- */
.r19 .texte,.r19 .cartouche,.r19 .chapo,.r25 .texte,.r25 .cartouche,.r25 .chapo {
margin-left:600px;
text-align:justify;
margin-top:2em;
}

.r19 .articles,.r25 .articles {
clear:both;
border-top:1px solid #f13f52;
z-index:1;
margin:0 0 2em;
}

.r19 #documents_portfolio img,.r25 #documents_portfolio img {
margin:15px;
}

/*.r19 .articles a,.r25 .articles a {
color:#fff;
}*/

/*.r19 .articles a:hover,.r25 .articles a:hover {
color:#000;
}*/

.r19 .articles .soustitre,.r25 .articles .soustitre {
font-style:italic;
font-weight:700;
}

.r19 #documents_portfolio,.r25 #documents_portfolio {
width:575px;
margin-bottom:4em;
}

.r19 .spip_doc_titre,.r25 .spip_doc_titre {
width:575px;
margin-top:-15px;
font-weight:700;
font-size:.9em;
}

/* contenu rubrique 11 = saison
--------------------------------------------- */
.mois { position:relative; }
.ancre { display:block; position:absolute; top:-120px; }
.r11 h2.titre,.page_concerts h2.titre,.r24 h2.titre,.page_concerts h2.titre {
font-size:.9em;
background:#00AEAE;
color:#fff;
margin:1em 0 0;
padding:3px .6em 2px;
}
.r11 .texte.rubrique { margin-top:-2.5em; }

.r11 .articles,.r24 .articles {
clear:both;
z-index:1;
font-size:95%;
border-top:1px solid #00AEAE;
margin:0;
padding:1em 0;
}

.r11 .texte,.r11 .cartouche,.r11 .chapo,.r24 .texte,.r24 .cartouche,.r24 .chapo {
margin-left:310px;
text-align:justify;
margin-top:2em;
}

.r11 h3.titre,.r24 h3.titre {
margin-left:310px;
}
.r11 h3.titre {
margin-left:310px;
color:#00AEAE;
}

.r11 .chapo h3.spip,.r24 .chapo h3.spip {
color:#fff;
margin-top:0;
}

.r11 .chapo,.r24 .chapo {
color:#000;
font-weight:400;
margin-top:0;
font-size:90%;
}

.r11 ul.spip,.r24 ul.spip {
margin:0 0 0 1em;
}

#dates {
float:left;
width:290px;
color:#F13F52;
font-size:1.15em;
}

a.abonne {
display:block;
float:left;
width:38px;
height:38px;
margin-right:8px;
background:url('images/abonne.jpg') top left no-repeat;
}

.lieu {
/*color:#00AEAE;*/
font-size:.9em;
}

/* contenu les concerts du mois
--------------------------------------------- */
.page_concerts .articles {
margin-left:300px;
padding-bottom:1em;
border-bottom:1px solid #000;
}

.page_concerts h2.titre {
margin-bottom:2em;
}

.page_concerts .chapo {
color:#000;
font-weight:400;
margin:0 0 1em;
}

.page_concerts .date {
padding-top:.5em;
border-top:1px solid #00AEAE;
}

.page_concerts .abonne {
margin-top:.5em;
}

.r4 p.soustitre, .r5 p.soustitre { font-size:1.5em; color:#00aeae; }
.r4 h1.titre, .r5 h1.titre {
color:#00AEAE;
text-transform:none;
}


/* contenu rubrique 6 = discographie 
--------------------------------------------- */
.r6 .articles {
clear:none;
float:left;
width:455px;
height:300px;
z-index:1;
margin:2em 0;
}

.r6 .texte,.r6 .cartouche,.r6 .chapo {
margin-left:0;
text-align:center;
}

.r6 .spip_documents {
padding:0;
}

.r6 .spip_documents a {
background:#000;
}

.r6 .spip_documents .spip_doc_player {
clear:both;
background:#000;
margin:-3px auto 0;
padding:2px 0;
}

.r6 .spip_doc_titre {
font-size:120%;
font-weight:700;
padding-top:.6em;
}

.r6 .spip_doc_descriptif {
font-size:120%;
font-weight:700;
}

.r6 .texte {
font-size:.9em;
}

/* contenu contact
--------------------------------------------- */
.page_contact #contenu {
background:#fff;
padding-bottom:20px;
}

.page_contact .texte,.page_contact .chapo {
color:#666;
margin:0 75px;
}

.page_contact .chapo {
text-align:right;
font-weight:400;
font-size:.85em;
padding-top:.8em;
margin-bottom:.8em;
}

.page_contact .spip_doc_titre {
color:#00AEAE;
margin-top:-2px;
}

.page_contact .spip_documents {
text-align:left;
margin-bottom:100px;
}

.page_contact .spip_documents .spip_doc_titre,.page_contact .spip_documents .spip_doc_descriptif {
width:76px;
white-space:nowrap;
}

/* SPIP-STYLE                                              version 1.9  
 Cette feuille contient les styles associes au code genere par SPIP.  
 Ces styles sont indispensables et doivent necessairement etre        
 definis pour le bon fonctionnement de vos squelettes.                */
.spip_puce {
list-style-position:outside;
}

/* Paragraphes, citations, code et poesie */
blockquote.spip,.spip_serif {
font-family:Georgia, Times, serif;
}

blockquote.spip {
padding-left:1em;
padding-right:1em;
border:1px dotted;
margin:1em;
}

div.spip_poesie {
padding-left:1em;
border-left:1px solid;
font-family:Garamond, Georgia, Times, serif;
margin:1em;
}

div.spip_poesie div {
text-indent:-60px;
margin-left:60px;
}

.spip_code,.spip_cadre {
font-family:monospace;
font-style:normal;
font-size:1.2em;
}

.spip_cadre {
width:99%;
border:1px inset;
}

.spip_surligne {
background:transparent;
}

/* Tableaux */
table.spip {
border:1px solid;
border-collapse:collapse;
margin:auto auto 1em;
}

table.spip caption {
caption-side:top;
text-align:center;
font-weight:700;
margin:auto;
padding:3px;
}

table.spip tr.row_first {
background:#FFC;
}

table.spip tr.row_odd {
background:#DDD;
}

table.spip tr.row_even {
background:#EEE;
}

table.spip th,table.spip td {
text-align:left;
vertical-align:middle;
padding:3px;
}

/* Logos, documents et images */
img,.spip_logos {
border:none;
margin:0;
padding:0;
}

.spip_documents {
text-align:center;
}

.spip_documents_center {
clear:both;
width:100%;
margin:auto;
}

span.spip_documents_center {
display:block;
margin-top:1em;
}

.spip_documents_left {
float:left;
margin-right:15px;
margin-bottom:5px;
}

.spip_documents_right {
position:relative;
float:right;
margin-left:15px;
margin-bottom:5px;
}

.spip_doc_descriptif {
clear:both;
font-size:0.8em;
margin-left:auto;
margin-right:auto;
}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png {
behavior:url(win_png.htc);
}

/* modeles par defaut */
.spip_modele {
float:right;
display:block;
border:1px dotted #666;
width:180px;
}

table.spip_barre a img {
background:#FDA;
border:1px outset #999;
padding:3px;
}

table.spip_barre a:hover img {
background:#FFF;
border:1px solid #999;
}

table.spip_barre input.barre {
width:100%;
background:#EEE;
}

/* * Couleurs des liens de Spip 
 a.spip_note {} /* liens vers notes de bas de page 
 a.spip_in { color: #00AEAE; } /* liens internes 
 a.spip_out { color:#00AEAE; } /* liens sortants 
 a.spip_url {color:#00AEAE; } /* liens url sortants */
a.spip_glossaire {
color:#060;
}

/* liens vers encyclopedie */
.on {
font-weight:700;
color:#000;
}

*+html #documents_joints,*+html .documents_portfolio,*+html #documents_portfolio {
margin-top:18px;
}

*, .page_contact .texte .spip_documents_left,.page_contact .texte .spip_documents {
margin:0;
padding:0;
}



#menu li.li19,#menu li.li7 {
width:115px;
}

.chapo,.date {
font-weight:700;
}

.r19 h1.titre,.r25 h1.titre,.r11 h1.titre,.r24 h1.titre {
color:#F13F52;
/*font-size:1.2em;*/
margin:15px 0 0;
}
.r19 .articles h1.titre { color:#00AEAE; }
.r25 h1.titre,.r11 h1.titre,.r24 h1.titre {
/*text-transform:none;*/
}

.page_concerts #dates,table.spip_barre {
width:100%;
}

*+html .spip_documents_right,*+html .nouvpub .spip_documents_right {
margin-left:-15px;
}