/************************ *Body exterieur noir ******************/ 
body{
background-color:#000;
color:#fff;
font-family:Arial,"Trebuchet MS",Helvetica,sans-serif;
font-size:80%;
line-height:150%;
margin-top:0;
}
span.c{
color:#f93;
font-weight:bold;
font-size:130%;
}
acronym.premier{
border-bottom:1px dotted #369;
}
code,pre{
color:#297700;
font-size:small;
}
pre{
border-left:5px solid #a2c2e1;
margin-left:2em;
}
blockquote,q{
font-style:italic;
color:#369;
quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}
samp{
font-size:small;
background-color:#d6e1ec;
}
caption{
margin:1em 0;
color:#369;
background-color:#a1c2e1;
font-weight:700;
}
thead{
background-color:#d6e1ec;
color:#369;
}
table{
margin-top:1em;
}
table,td{
border-collapse:collapse;
border:1px solid #a2c2e1;
}
:focus{
background-image: none !important;
background-color:#666 !important;
color:#fff !important;
}
/****************************************************************/
span.patronyme{
font-variant:small-caps;
font-size:1.1em;
}
/*************** contener noir et bordure orange********************/ 
#page{
background-position:0% 0%;
background-repeat:no-repeat;
border-top:1px solid #fc6;
line-height:150%;
text-align:justify;
/* permet de fixer une hauteur mini sur les navigateurs modernes */
min-height:55em;
/* pour obtenir le même effet sur IE, sachant que si le contenu dépasse, il
"poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes
*/
height:55em;
}

#page a{
font-size:100%;
font-weight:bold;
}
#page h1{
font-size:150%;
text-align:center;
}
#page h1:before{
content:"[ ";
}
#page h1:after{
content:" ]";
}
#page h2{
font-size:130%;
text-align:left;
}
#page h3{
font-size:110%;
}

/* pour rétablir le mauvais effet sur les nav. modernes */
html>body #page{
height:auto;
}

#accessible{
display: none;
}
#accessible a,#accessible a:hover,#profil a,#saison a,#festival a,#leuropa a,#utile a,
#saisontexte2G a:hover, #articles a:hover, .listedocs a:hover,
#actualite a:hover, #articles a:hover, .listedocs a:hover,
#texteaccueil p.tous a,
#piedepage2 a,#piedepage2 a:hover,#piedepage2 a:active{
text-decoration:none;
}
#accessible a,#habillage label,#habillage select,#accessible li,#habillage input,
#moteur input.valid:hover,#texte form input.valid:hover,
#page a,#profil a:hover,#moteur input.valid,#texte form input.valid,
#moteur input.valid:active,#texte form input.valid:active{
color:#fff;
}
#accessible a:hover{
display: none;
}
#switcher{
margin:0;
}
#habillage{
float:left;
}

#habillage label{
vertical-align:top;
margin-left:0.5em;
}
#habillage select{
background-color:#369;
}
#habillage input{
background-color:#f90;
}
#habillage input:hover{
color:#036;
background-color:#d6e1ec;
}

/* EMPLACEMENT IMAGE DANS LE BANDEAU */
#profil{
display: none;
}
#profil h2{
border-bottom:3px solid #78705c;
margin:0;
}
#profil h2 em{
color:#69c;
}
#profil ul{
background-image:url("profil.png");
background-position:top;
background-repeat:repeat-x;
margin:0;
}
#profil li{
display:inline;
margin:0;
}
#profil a{
color:#686151;
}
#profil a:hover{
background-color:#c60;
}
/******************************MOTEUR DE RECHERCHE********************************/
#moteur{
display: none;
}

/**************************LOGO************************/
#logo{
display: none;
}

#equipe{
width:100%;
max-width:492px;
height:100%;
max-height:314px;
}
 /******************* *le menu de gauche*****************/ 
#sectionmenus{
display: none;
}
/********************* 1er MENU ACCUEIL**********************/
#accueil{
display: none;
}
/**************************************************************************
 les 4 menus : saison, festival, leuropa(partenaires), utile
 **************************************************************************/
#saison,#festival,#leuropa,#utile{
display: none;
}
#saison h2,#festival h2,#leuropa h2,#utile h2{
border-style:solid;
border-width:0 0 3px 0;
font-size:90%;
margin:0;
text-transform:uppercase;
}
#saison h2{
border-color:#f90;
}
#festival h2{
border-color:#69c;
}
#leuropa h2{
border-color:#690;
}
#utile h2{
border-color:#940f04;
}
#saison h2:first-letter{
color:#f90;
}
#festival h2:first-letter{
color:#69c;
}
#leuropa h2:first-letter{
color:#690;
}
#utile h2:first-letter{
color:#940f04;
}
#leuropa ul, #saison ul,#festival ul,#utile ul{
margin-bottom:1.5em;
margin-top:0.5em;
}
#saison li,#festival li,#leuropa li,#utile li{
display:inline;
list-style:none;
}
#saison a,#festival a,#leuropa a,#utile a{
display: none;
}
#saison a:hover{
background-color:#f90;
}
#festival a:hover{
background:#69c;
}
#leuropa a:hover{
background-color:#690;
}
#utile a:hover{
background-color:#940f04;
}
 
/* Page d'accueil */
#texteaccueil{
margin:0 1% 1em 0%;
}
#intro{
float:right;
margin-left:1%;
}
#presentation{
background-color:#222d2d;
color:#000;
border:0px solid #666;
margin:0 0 1em 0;
}
#presentation,#presentation h2,#accessible,#profil,#moteur input.valid,#texte form input.valid{
text-align:center;
}
#presentation h2{
margin:0;
}
#presentation p{
margin:0.5em 0;
}
#presentation a,#presentation h2{
color:#c60;
}
#presentation a:hover{
color:#369;
}
#divext{
background-image: url("http://europajazz.fr/SITE2008/images/barre.gif");
	background-repeat: repeat-y;
	background-position: top right;
	height: 100%;
}
/*********************************************************************
* PAGES HTML 2 COLONNES en fonction des couleurs des menus:saison, festival, partenaires
 *********************************************************************/ 
/********************texte qui va avec le menu saison, colonne de gauche************/ 
#saisontexte2G,#actualite{
margin-bottom:1em;
}

#saisontexte2G h1,#saisontexte2G h2{
padding:0 0 0.2em 0;
}

#saisontexte2G h1:before,#saisontexte2G h1:after,#saisontexte2G h2:first-letter{
color:#f90;
}
#saisontexte2G h2{
border-bottom:2px solid #f90;
}
#saisontexte2G img{
display:block;
margin:0 auto;
}
#saisontexte2G p,#articles p{
margin:0 0 2em 0;
}
#saisontexte2G a,#articles a, .listedocs a{
color:#f60;
}
#saisontexte2G a:hover, #articles a:hover, .listedocs a:hover{
color:#369;
}
/*****************a revoir***************************************/ 
#articles{
background-color:#eff4fa;
border:1px solid #9cb4ce;
}
#articles h2{
border-bottom:2px solid #369;
color:#369;
padding:0.8em 0 0.2em 0;
}
#actualite,#articles{
padding:1% 1% 1% 1%;
}


#actualite h2{
border-bottom:2px solid #369;
color:#369;
}
#actualite h3{
margin:0;
color:#69c;
}
#actualite p,#articles p,#actualite h2{
margin:0 0 2em 0;
}
#actualite a,#articles a, .listedocs a{
color:#f60;
}
#actualite a:hover, #articles a:hover, .listedocs a:hover{
color:#369;
}
#articles{
background-color:#eff4fa;
border:1px solid #9cb4ce;
}
#articles h2{
border-bottom:2px solid #369;
color:#369;
padding:0.8em 0 0.2em 0;
}
#texteaccueil p.tous {
text-align:right;
}
#texteaccueil p.tous a{
background-color:#ffecce;
border:1px solid #c60;
font-weight:500;
padding:0.2em;
}
#texteaccueil p.tous a:hover{
background-color:#ffecce;
color:#c60;
}
#actualite,#texte,#saisontexte,#festivaltexte,#partenairestexte,#utiletexte,
#accueiltexte2G,#saisontexte2G,#festivaltexte2G,#partenairestexte2G,#utiletexte2G{
background-color:#222d2d;
border:1px solid #565143;
}
/*********************************************************************
* PAGES HTML 1 COLONNE en fonction des couleurs des menus:saison, festival, partenaires
*********************************************************************/ 
/***********texte qui va avec le menu saison*************/ 
#saisontexte{
border:1px solid #f90;
}
#saisontexte h1:before,
#saisontexte h1:after,
#saisontexte h2:first-letter,
#saisontexte a,
#saisontexte a:hover,
#saisontexte a:visited{
color:#f90;
}
#texte h2{
border-bottom:2px solid #f90;
}
#saisontexte h3{
color:#369;
margin:2em 0 0 0;
line-height:110%;
}
#saisontexte img{
display:block;
margin:0 auto;
}

/*********************************************************************
texte qui va avec le menu festivaltexte*
*********************************************************************/ 
#texte{
border:1px solid #69c;
}
#saisontexte li,#texte li,#partenairestexte li,#utiletexte li{
list-style:disc;
}
#saisontexte ul ul li,#texte ul ul li,#partenairestexte ul ul li,#utiletexte ul ul li{
list-style-type:circle;
}
#saisontexte ol li,#texte ol li,#partenairestexte ol li,#utiletexte ol li{
list-style-type:decimal;
}
#texte h1:before,
#texte h1:after,
#texte h2:first-letter,
#texte a,
#texte a:hover,
#texte a:visited{
color:#369;
}
#texte h2{
border-bottom:2px solid #369;
}
#texte h3{
color:#369;
margin:2em 0 0 0;
line-height:110%;
}
/*********************************************************************
texte qui va avec le menu partenaires
*********************************************************************/ 
#texte,#saisontexte,#partenairestexte,#utiletexte{
margin:0 0% 0% 0%;
}
#partenairestexte{
border:1px solid #690;
}
#partenairestexte h1:before,
#partenairestexte h1:after,
#partenairestexte h2:first-letter,
#partenairestexte a,
#partenairestexte a:hover,
#partenairestexte a:visited{
color:#690;
}
#partenairestexte h2{
border-bottom:2px solid #690;
}
#partenairestexte h3{
color:#369;
margin:2em 0 0 0;
line-height:110%;
}
/*********************************************************************
texte qui va avec le menu utile
*********************************************************************/ 
#utiletexte{
border:1px solid #940f04;
}
#utiletexte h1:before,
#utiletexte h1:after,
#utiletexte h2:first-letter,
#utiletexte a,
#utiletexte a:hover,
#utiletexte a:visited{
color:#940f04;
}
#utiletexte h2{
border-bottom:2px solid #940f04;
}
#utiletexte h3{
color:#369;
margin:2em 0 0 0;
line-height:110%;
}

#crochet1{
content:"[ ";
color:#fc6;
}

/********************************************************************* 
  *pied de page
  *********************************************************************/ 
#piedepage{
display: none;
}
#piedepage2{
display: none;
}