* {margin: 0; padding: 0;}
img {margin: 0; padding: 0;}
body {
	background: #FFF;
	text-align: center;
	font-size: 0.77em;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;  font-weight: normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3 { font-size: 1.2em; }
a { text-decoration: none; color: #c00; }
a:hover { text-decoration: underline; color: #333;}
ul{list-style: url(img/puce.gif) outside; line-height:1.5em; margin-left:2em;padding-bottom:1em; border:none;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.justifie {text-align: justify;} 
.fl {float: left;}
.fr {float: right;}
.milieu {position: relative; right: 50%; margin-left: 25%;}
.rouge {color:#900;}
.fond_blanc {background-color:#FFFFFF;}

table{ border:0;padding: 0;}
table td{vertical-align:top; border-bottom:1px solid #ccc;}

#page {
	width:62.5em;-width:63em;
	text-align: left;
	margin:0; 
	position: absolute; top:0; left:0;
	background: #fff url(img/fond_page.jpg) repeat-y ;
}


/* BLOC GAUCHE DU MENU PRINCIPAL */
#menu_principal { 
	position:fixed;-position:absolute;
	top:0; left:0; 
	width:17.8em;;
}
#navigation {
	width : 16.8em;
	margin : 12.5em 1em 1.5em 0;/margin: 13.5em 1em 1.5em 0;
	font-size:0.85em;
	border-right:1px solid #999;
	min-height: 400px; -height:400px;
}	
#navigation ul{ padding:0; text-align:left; list-style:none;}
#navigation ul li{ margin-bottom : 1.5em;}
#navigation ul li a.info {position:relative; z-index:24; font-size: 1.27em;  color: #600; text-decoration:none;  font-weight:bold;}
#navigation a.info:hover {z-index:25; color: #f00; }
#navigation a.info span {display:none;}
#navigation a.info:hover span {
	display:block;
	position:absolute;
	top:1.5em; left:4em;
	background: #c00 url(img/degrade.gif) repeat;
	width: 120px;
	color:#fff;
	font-size:75%;
	line-heigt: 2em;
	font-weight:normal;
}
#navigation a.info:hover span img {margin-left:1em;}
#navigation a.on {color: #c00;}
/* FIN BLOC GAUCHE DU MENU PRINCIPAL */

/* BLOC DROIT AVEC MARGE DE GAUCHE DE 225px  contenant entete contenu hierarchie*/
#conteneur{ width:auto; margin: 0; margin-left:18em; padding :0; position: relative; background: none;}
 
#entete {text-align:right; padding-top: 0em; height:95px;}

#contenu { min-height:400px;-height:400px;}

#hierarchie /*OU FIL D'ARIANE*/{
	width : auto;
	margin:  0 0 0.5em 0;
	font-size: 0.88em;
	border-bottom: 1px solid #999;
	padding-bottom : 0.5em;
}	

/*LE CONTENU DU SITE*/
.corps {width:auto;}
.corps h2 {border: none;}
.corps ul {border: none;}
.corps a { text-decoration: none; color: #c00; }
.chapo {
	margin-bottom: 1.5em; 
	line-height: 1.6em;
    color:#900;	font-weight:bold;
	text-align:normal;
}
h3 {text-align: center; 
	margin-top: 1.5em; 
	margin-bottom: 1.5em; 
	font-size: 1.15em; 
	font-weight: bold;}

/*TABLEAU MENU 2 */
#menu2{ margin:0em; margin-top:1em;/margin-top:0;margin-bottom:1em; }
#menu2 ul {margin:0; padding:0;}
#menu2 h3 {display : inline; font-size:0.88em; margin:0; }
#menu2 td {
	height:40px;/height:35px; 
	display : inline; 
	padding: 0px 10px; 
	background-image: url(img/trait_menu2.png);
	background-repeat:no-repeat;
	background-position:50% 90%;/background-position:50% -40%;
	border:0;}
#menu2 a { vertical-align :top; line-height:0.25em;/line-height:0;}
#menu2 a:hover {text-decoration: none; font-weight: bold;}

/* bloc droit pour les brèves hors menus secondaires*/
.encart {
	float : right;
	width : 14em;
	border-left: 1px solid red; border-bottom: 1px thin #ccc;
	margin-left:1em; margin-top:1em;margin-bottom: 1em;
	padding-left: 8px; padding-bottom: 8px;
}

/* blocs droits des rubriques programme et musiciens avec menu secondaire */
#bloc_droit {
	float: right;
	margin: 0px 0px 20px 20px;
	width: 14.6em;
	border: 1px solid red;
}
#menu_droit {
	width:100%;
	background: #c33 url(img/degrade.gif) repeat;
	padding-bottom:10px;
}
#menu_droit a {color: #000; font-weight:bold;}
#menu_droit a.on {color:#fff;}
#menu_droit a:hover {color:#000;}
#menu_droit ul {list-style-image: url(img/puce_blanche.gif); margin: 0; margin-left: 2.4em;}
#menu_droit ul li {margin-bottom:0;}
#menu_droit h2 {font-size: 1.09em; text-align:center; text-transform:uppercase; padding-top: 10px; line-height:normal; color:#fff; font-weight:bold;}
#menu_droit h3 {font-size: 1.03em; text-align:left; font-variant:small-caps; margin-top: 5px; text-indent: 15px; line-height:normal; margin-bottom:0;color:#fff; font-weight:normal;}
#menu_droit h4 {font-size: 0.90em; text-align:left;  margin-top: 2px; line-height:normal;color:#fff;}
#texte_bloc_droit {width: auto; margin: 0 0.5em; padding: 0 0.3em;}

#pied {
	clear: both;
	width:61.5em;
	margin-top: 1em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }

#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }
#pied a { text-decoration: none; color: #999; }
#pied a:hover { text-decoration: underline; color: #333;}
#pied a.on {font-weight: strong; text-decoration: underline;}


.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

.invisible { position: absolute; top: -3000em; height: 1%; }

#page30 {width:100%}

/* ecrire auteur */
#mail {margin:0; width:36em; min-height: 300px; -height:300px; margin-top: 1.8em; margin-left: 1.8em;}
#mail form fieldset {border: 0;}
#mail form fieldset p {font-family:Arial, Helvetica, sans-serif; font-size: 0.87em;}
#mail p.spip_bouton {font-family:Arial, Helvetica, sans-serif; text-align: right; margin-right: 4em;}
#mail fieldset.previsu {border: 1px inset #c00;}
#mail fieldset.previsu p { margin-top: 1.8em; margin-left: 1.8em;}

/* PLAN DU SITE LIEN */
#plan {margin-left: 8em;}
#plan a {color: #333;}
#plan a:hover {text-decoration: underline;}
#plan a:visited {color: #900;}