body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background-image: url(../images/fond.jpg);
	scrollbar-arrow-color: Gray; 
	scrollbar-base-color: Gray;
	scrollbar-darkshadow-color: Gray;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	text-align: center;
	
}

#page {
	margin: 0 auto;
	background-color: White;
	border: 5px solid Black;
	width: 750px;
	}

#page.programme {
	margin: 0 auto;
	background-color: White;
	border: 5px solid  #33a02c;
	width: 750px;
} 

#pageprog05a {
	margin: 0 auto;
	background-color: White;
	border: 5px solid #6aacd7;
	width: 750px;
	
	}
	
	

	
#pagelumen {
	border: 5px solid #ff9900;
	margin: 0 auto;
	background-color: White;
	width: 750px;
	}


#entete.programme {
	background-color: #33A02C;
	width: 100%;
	height: 65px;
	padding:0;
}


#enteteprog05a {
	background-color: #6aacd7;
	width: 100%;
	height: 65px;
	padding:0;
}

#entete {
	background-color: #000000;
	width: 100%;
	height: 65px;
	padding:0; 
	margin: 0;
	}
#entetelumen {
	background-color:#ff9900;
	width: 100%;
	height: 65px;
	padding:0;
}

#identite {
	float: left;
}

.identite {
	display: none;
}

#rubrique {
	float: left;
	border-right: 2px solid White;
}
.rubrique {
	display: none;
}
 
#navigation.programme {
	background-color: #33A02C;
	margin-left: 50px;
	float: right;
	width: 200px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#navprog05a {
	background-color: #006699;
	margin-left: 50px;
	float: right;
	width: 200px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#navigation.pole {
	background-color:#000000;
	margin-left: 50px;
	float: right;
	width: 200px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navigation.lumen {
	background-color:#ff9900;
	margin-left: 50px;
	float: right;
	width: 200px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#rubs ul {
	margin: 0;
	padding: 0 20px 0 20px;
	display: block;
	list-style-type: none;
	text-align: left;
}

#rubs a {
	height: 10px;
	color: White;
	text-decoration: none;
	padding-left: 8px;
	margin: 0;
	
}

#rubs a:hover {
	color: Black;
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	text-decoration : none;
	height: 15px;
	margin: 0;
}

#rubs.pole a:hover {
	color: #cccccc;
	background-image: url(../images/puceNB.gif);
	background-repeat: no-repeat;
	text-decoration : none;
	height: 15px;
	
	}
	
	#rubs.prog05a a {
		height: 12px;
	}
	
#rubs.prog05a a:hover {
	color: #00000;
	background-image: url(../prog2005a/images/puceBleue.gif);
	background-repeat: no-repeat;
	text-decoration : none;
	height: 12px;	}
	
#rubs.sol a:hover {
	color: #ff1111;
	background-image: url(../images/fleche-pucerouge.gif);
	background-repeat: no-repeat;
	text-decoration : none;
	height: 15px;
	}
	
#rubs.lumen a:hover {
	color: #ff1111;
	background-image: url(../images/fleche-puce-orange.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	height: 15px;
	padding-bottom: 0;
}

#aide {
	float: right;
	text-align: left;
}

#aide ul {
	margin: 0;
	list-style-type: none;
	display: block;
}

#aide li {
	margin-left: 0;
	display: block;
	list-style-type: none;
}

#aide a {
	height: 15px;
	color: White;
	text-decoration : none;
	padding-left: 8px;
	margin-bottom: 2px;
}

#aide a:hover {
	color: Black;
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	text-decoration : none;
	height: 15px;
}

#aide.pole a:hover{
	color: #cccccc;
	background-image: url(../images/puceNB.gif);
	background-repeat: no-repeat;
	text-decoration : none;
	height: 15px;}

#aide.sol a:hover {
		color: #ff1111;
		background-image: url(../images/fleche-pucerouge.gif);
		background-repeat: no-repeat;
		text-decoration : none;
		height: 15px;}
	


#aide.lumen a:hover {
		color: #ff1111;
		background-image: url(../images/fleche-puce-orange.gif);
		background-repeat: no-repeat;
		text-decoration : none;
		height: 15px;}

#aide.prog05a a:hover{
		color: #00000;
		background-image:  url(../prog2005a/images/puceBleue.gif);
		background-repeat: no-repeat;
		text-decoration : none;
		height: 15px;
}
		
#contenu {
	width: 100%;
}

#titre {
	width: 100%;
	margin-top: 5px;
	padding-left: 20px;
}

#activite {
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 18px;
	padding: 0 0 2px 0px;
	color: Black;
	background-color: #33a02c;
	position: absolute;
	top: 50px;
	left: 50%;
}

#activite05 {
	background-color: #6aacd7;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 18px;
	padding: 0 0 2px 0px;
	color: Black;
	position: absolute;
	left: 43%;
	top: 55px;
}

#theme {
	font-size: 10px;
	letter-spacing: normal; 
	font-weight: bold;
}


h1 {
	font-size: 18px;
	letter-spacing: 1px;
	padding: 0;
	margin-top: -10px;
	margin-bottom: 0;
	padding-top: 5px;
	color: Black;
	line-height: 21px;
	text-align: center;
}

#titre05a {
		margin-bottom: 10px;
		margin-top: 10px;
}

#titre05a h1 {
	margin-top: 10px;
	font-size: 20px;
	}
.soustitre {
	font-size: 14px;
	line-height: 16px;
}

#titre.reseau {background-image: url(../images/reseau_small.gif); background-repeat:no-repeat;}

#surtitre{
	position: relative;
	top: 3px;
	left: -80px;
	text-transform: none;
	color: #939393;
	letter-spacing: normal;
	font-size: 80%;
}

#type {
	color: #939393;
	float: left;
	font-size: 20px;
	letter-spacing: 2px;
	left: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	left: 50px;
	top: -10px;
	font-weight: bold;
}

#article {
	overflow: auto;
	height: 410px;
	width: 410px;
	text-align: justify;
	padding: 10px 20px 10px 10px;
	margin-bottom: 10px;
}

#article.large {
	width: 570px;
	overflow: auto;
	height: 410px;
	padding: 10px;
	margin-top: 20px;
}



table, td, tr, th {
	border: 1px solid #33a02c;
	border-collapse:collapse;
	font-size: 10px;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	margin: 0;
	padding: 3px;
}
table {margin-top: 20px;}
tr {margin-bottom: 5px;}

table caption {font-size: 15px; font-weight:bold; padding: 0.7em; color: #006699;}

td a, td a:hover {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}

td a:hover {background-color: #33a02c; color: White; text-decoration: none;}

table.prog05a {
	border: 2px solid #006699;
}

table.prog05a td {
	border: 1px solid #006699;
}

table.prog05a th {
	border: 1px solid #006699;
}

table.prog05a td a {
	 text-decoration: none; font-weight: bold;
}

table.prog05a td a:hover {
	background-color: #6aacd7; color: White; text-decoration: none; font-weight: bold;
}

table.prog05a td a:visited {
	text-decoration: none; font-weight: bold; }

table.prog05a tr {
	border: 1px solid #006699;
}

#article h2 {
	color: #33a02c;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 2px 0;
	}
#article h2.pole {color: #AA2200;}

#article h2.lumen {
	color: #ff9900;
}

#article h2.prog05a {
	color: #006699;
	line-height: 18px;
	margin-top: 40px;
}
	
#article h3 {margin-bottom: 2px; font-size: 14px; font-weight: bold; letter-spacing: 1px; margin-top: 20px;}

#article h3.festival {
	border:1px solid #006699; 
	text-align:center; padding: 5px; 
	margin-top: 40px;
	color : #006699;
	font-size: 16px;
	}
#article h3.heure {color : #006699; margin-top: 25px; border-bottom:1px solid #006699; margin-right: 100px; font-size:16px;}

#article h3.prog05a {color: #006699; font-size: 18px; margin-top: 35px;}


#article h4 {margin-bottom: 5px;}

#article p{ margin-top: 1px;}

#article a{font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

blockquote {margin: 20px; font-size: 11px;}
	
.auteurs {margin: 0;}

.nomauteur, .siecle {font-variant: small-caps; font-weight:inherit;}

.fichetechnique {color: #33a02c; font-size: 10px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top: 0;}

.lastpara {margin-bottom: 30px;}

.retour {text-align: center; margin-bottom: 30px;}




#sousrub {
	float: left;
	width: 120px;
	margin: 20px 10px 0 5px;
	border: 2px solid #33A02C;
	background-color: #E9F8E9;
	text-align: left;
}

#sousrub05 {
	float: left;
	width: 120px;
	margin: 20px 10px 0 5px;
	border: 2px solid #6aacd7;
	background-color: #E8ECFF;
	text-align: left;
}

#sousrub.pole {border: 1px solid #666666; }

#sousrub.sol {border: 1px solid #FF1111; }

#sousrub05 {border: 1px solid #6aacd7;}

#sousrublumen {
	float: left;
	width: 120px;
	margin: 20px 10px 0 5px;
	border: 2px solid #ff9900;
	background-color: #E9F8E9;
	text-align: left;
}

#sousrub ul{
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#33a02c;
	padding:0;
	margin:0;
}

#sousrublumen ul{
	/*border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#ff9900;*/
	padding:0;
	margin:0;
}

#sousrub05 ul {
	padding:0;
	margin:0;
	border-width:1px 1px 0 1px;
}

#sousrub05 li {border: 1px solid #6aacd7; list-style:none; margin:0;}

#sousrub.pole ul, #sousrub.pole li {border-color:#666666; }

#sousrub.sol ul, #sousrub.sol li {border: 1px solid #FF1111; }
#sousrublumen ul, #sousrub.sol li {border: 1px solid #FF1111; }

#sousrub li
	{
	border-bottom:1px solid #33a02c;
	list-style:none;
	margin:0;
}

#sousrublumen li
	{
	border-bottom:1px solid #ff9900;
	list-style:none;
	margin:0;
}

#sousrub a, #sousrublumen a, #sousrub05 a{
display:block;
text-decoration:none;
color:Black;
background-color:#fff;
padding:5px 0 5px 20px;
font-size: 11px;
}

#sousrub a:hover{
	background-image:url(../images/fleche.gif);
	background-repeat: no-repeat;
	background-color: #33a02c;
	color: White;
	text-decoration: none;
}



#sousrub.pole a:hover {
	background-image:url(../images/flecheNB.gif);
	background-color: #000000;
	}

#sousrub.sol a:hover {
	background-image: url(../images/flecherouge.gif);
	background-color: #FF1111;
}

#sousrublumen a:hover {
	background-image: url(../images/fleche3orange.gif);
	background-repeat: no-repeat;
	background-color: #FF9900;
	color: White;
	text-decoration: none;
}
#sousrub05 a:hover {
	
	background-repeat: no-repeat;
	background-color: #6aacd7;
	color: White;
	text-decoration: none;
}

#pratique {
	float: right;
	width: 150px;
	margin: 20px 10px 0 10px;
	border: 2px solid #33A02C;
	background-color: #E9F8E9;
	text-align: left;
	height: 300px;
	overflow: auto;
	
}

#pratique05 {
	background-color: #FFFFF2;
	float: right;
	width: 140px;
	margin: 20px 10px 0 10px;
	border: 2px solid #6aacd7;
	text-align: left;
	height: 300px;
	overflow: auto;
}

#pratique.pole {border-color: #666666;}

#pratique h2, #sousrub h2 {
	background-image: url(../images/fleche.gif);
	background-repeat: no-repeat;
	background-color: #33A02C;
	color: White;
	margin: 0;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 5px 1px 5px 20px;
}

#sousrub05 h2, #pratique05 h2
 {background-image: url(../images/fleche.gif);
	background-repeat: no-repeat;
	background-color: #6aacd7;
	color: White;
	margin: 0;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 5px 1px 5px 20px;}

#pratique.pole h2, #sousrub.pole h2 
	{
	background-image: url(../images/flecheNB.gif);
	background-color: #000000;
	}
	
#pratique.sol h2, #sousrub.sol h2 
	{
	background-image: url(../images/flecherouge.gif);
	background-repeat: no-repeat;
	background-color: Red;
	color: White;
	margin: 0;
	text-align: left;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 5px 1px 5px 20px;
	}

	
#sousrublumen h2 {
background-image: url(../images/fleche3orange.gif);
background-color: #ff9900;
background-repeat: no-repeat;
color: White;
margin: 0;
text-align: left;
font-size: 14px;
letter-spacing: 1px;
padding: 5px 1px 5px 20px;
}

#pratique p {
	padding: 0 5px 0 5px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#pratique05 p {
	padding: 0 5px 0 5px;
	margin-bottom: 10px;
	margin-top: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.nav {
	margin: 3px 0 5px 0;
	text-align: center;
}

.nav a {
	text-decoration: none;
	font-weight: bold;
}

.date {
	color: #33a02c;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	float: right;
	margin: 10px 100px 0 0;
}

#titre05a div.date {
	color: black;
	font-family: Georgia, "Times new roman", Times, serif;
	font-variant: small-caps;
	text-transform: none;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 30px 0 0;
}

img {
	border: 0;
	margin: 0;
	
}

img.illust {margin: 5px 0 10px 0;}

img.centre 
	{ 
	text-align: center;
	padding: 20%;
	
	}
img.gauche {float: left; margin: 5px 10px 5px 0; }
img.droite {float: right; margin: 5px 0 5px 10px; }

div.droite {float: right; margin: 5px 0 5px 10px; }
div.gauche {float: left; margin: 5px 10px 5px 0; }

/* div pour gestion des blocs illustrations (image + legende) */
div.centre {
	margin-left:auto;
	margin-right:auto;
	width:auto;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 1em;}

div.gauche {float:left; margin-right: 1em;}

div.droite {float:right; margin-left: 1em;}



a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A02C35;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


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

sup {font-size: 80%; }

/* styles particluiers pour page d'acuueil du site */


body.accueil {
	background-color: #000000;
	scrollbar-arrow-color: #33a02c; 
	scrollbar-base-color: #33a02c;
	scrollbar-darkshadow-color: #33a02c;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	padding: 0;
}


#page.accueil {
	background-image: url(../images/matarosas_chaman.jpg);
	background-repeat: no-repeat;
	background-position: 10px 38px;
	height: 580px;
	margin-left: 50px;
}

#logo.accueil {
	float: left;
	margin-top: 0;
	
}


#cartouche.accueil {
	margin-left: 50px;
	margin-top: 10px;
	
}

#actus.accueil {
	width: 220px;
	height: 350px;
	overflow: auto;
	font-size: 50%;
	position: absolute;
	top: 70px;
	left: 520px;
	background-color: White;
	border: 3px solid  #33a02c;
	
}

#actus.accueil p {
	font-size: 11px;
	margin: 0 5px 5px 5px;
}

#actus.accueil h2 {
	background-color: #33a02c;
	font-size: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 5px;
	color: White;
	margin-bottom: 3px;
	background-image: url(../images/fleche.gif);
	background-position: 5px 0;
	background-repeat: no-repeat;
	padding-left: 25px;
	
}

#actus.accueil h3 {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 1px;
	margin: 12px 5px 2px 5px;
	color: #33a02c;
}

#piedepage.accueil {
	color: White;
	font-weight: bold;
	padding: 5px;
	letter-spacing: 1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	bottom: 10px;
	position: absolute;
	left: 70px;
	border: 1px solid White;
}

.auteur {
	font-variant: small-caps;
}

#credits {
	position: absolute;
	bottom: 50px;
	left: 500px;
	color: White;
	font-size: 11px;
}

div.legende {text-align:center; font-size: 0.9em; margin-bottom: 1em; margin-top: 0.5em;}
div.legende .titre {font-size: 1.1em; font-weight:bold;}

.new {
	background-color: Black;
	color: white;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 15px;
	width: 150px; 
	height: auto; 
	float: right;
	text-align: center;
	padding: auto;
	padding-bottom: 5px;
	}
	
.dates,  .genre {
	font-family:Georgia, "Times New Roman", Times, serif; 
	margin-bottom: 2px; 
	font-variant: small-caps;
	letter-spacing: 1px;
	font-size: 14px;
	color: #CC9900;
	}
	
#indexprog {}
#presentation {
	position : relative;
	top: 10px;
	left: 0;
	border: 1px solid Black;
	width: 300px;
	padding: 5px;
}

#presentation p {
	margin-bottom:3px;
	margin-top: 0;
}

#presentation a {
	font-size: 12px;
}

#piedepage.accueil a{color: white; text-decoration: none;}

#piedepage.accueil a:hover{color: white; text-decoration: underline;}

p.datefestival {
color: #990000; 
margin-top: 0.5em; 
padding: 0.3em; 
border-top: 1px solid #006699; 
border-right: 1px solid #006699;
text-align:right;
font-weight:bold;
}