html {
	font-size: 100%;
}

body {
	font-size: .8em;
	background-color : #efe624;
	margin: 0px;
	font-family : Arial;
}
h1{
	color:#000;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font-size: 28px;
	font-family : Arial, Verdana, Arial;
}
h2{
	color:#333;
	margin : 0;
	font-size: 20px;
	font-family : Arial, Verdana, Arial;
}
h3{
	font-size: 14px;
	margin : 0px;
	padding : 0px;
	font-weight:bold;
	}
h4{
	color:#000000;
	font-size: 14px;
	margin : 0px;
	padding : 15px 0px 5px 0px;
	font-weight:bold;
	font-family : Arial, Verdana, Arial;
	}
p{
	color:#000;
	font-family : Arial;
	font-size : 100%;
	font-weight:normal;
	margin : 0px 0px 15px 0px;
}
a, a:link, a:visited{
	color:#9C1D86;
	text-decoration : underline;
}
a:hover, a:focus, a:active{
	color:#9C1D86;
	text-decoration : none;
}

#container {
	//border : solid 1px #000;
	width : 740px;
	margin : auto;
	padding : 0;
	background-color : #FFF;
}
div.bandeau {
	background:#E8CB00 url(images/bandeau/bandeau.jpg) top left no-repeat;
	margin : 0;
	padding : 0;
	height : 170px;
	text-align:right;
}

div.bandeau  h2{
	color:#FFF;
	font-family : Arial,Trebuchet, Trebuchet MS, Arial, sans-serif;
	font-size : 100%;
	font-weight:normal;
	letter-spacing : 1px;
	padding : 0px 20px 0px 0px;
	margin : 0px;
}
ul.menu {
	border-top : solid 1px #000;
	padding : 0px 30px 30px 30px;
	margin : 0;
	font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
	font-size : 100%;
	font-weight : bold;
	list-style: none ;
}

ul.menu li{
	float: left ;	
	padding : 0px 5px 0px 0px;
	margin : 0px;
}
ul.menu li.presentation {
	width: 115px ;
}
ul.menu li.programme {
	width: 105px ;
}
ul.menu li.piecesexposees {
	width: 140px ;
}
ul.menu li.infospratique {
	width: 150px ;
}
ul.menu li a, ul.menu li a:link, ul.menu li a:visited{
	display: block ;
	padding : 18px 5px 5px 10px;
	color : #000;
	background : #FFF url(images/sep-menu.gif) no-repeat bottom left;
	text-decoration: none;
}
ul.menu li a:hover, ul.menu li a:focus, ul.menu li a:active{
	color : #9C1D86;
}
div.contenu {
	clear: both;
	padding : 0px 26px 0px 26px;
	margin : 30px 0px 0px 0px;
	position:relative;
	}
*html div.contenu {
	padding : 0px 30px 0px 30px;
	margin : 0px 0px 0px 0px;
	}
/*** TITRE DE PAGE */
h1.titrePage{
	color:#E2007A;
}
h1.rouge {
	color:#CC0033;
	padding-left : 50px;
	background : url(images/puce-titre-rouge.gif) no-repeat 0px 19px;
}
span.rougepale {
	color:#F2A9B7;
}
h1.bleu {
	color:#0066CC;
	padding-left : 50px;
	background : url(images/puce-titre-bleu.gif) no-repeat 0px 19px;
}
span.bleupale {
	color:#6699CC;
}
h1.violet {
	color:#996699;
	padding-left : 50px;
	background : url(images/puce-titre-violet.gif) no-repeat 0px 19px;
}
span.violetpale {
	color:#CC99CC;
}
h1.jaune {
	color:#F5C400;
	padding-left : 50px;
	background : url(images/puce-titre-jaune.gif) no-repeat 0px 19px;
}
span.jaunepale {
	color:#FFCC66;
}
h1.orange {
	color:#CC3300;
	padding-left : 50px;
	background : url(images/puce-titre-orange.gif) no-repeat 0px 19px;
}
span.orangepale {
	color:#FF6633;
}
h1.gris {
	color:#828A91;
	padding-left : 50px;
	background : url(images/puce-titre-gris.gif) no-repeat 0px 19px;
}
span.grispale {
	color:#A9B3BC;
}
/**** BAS DE PAGE   ****/
div.logos {
	padding : 50px 0px 20px 20px;
}
div.logos img{
	border:0;
}
div.logos a, div.logos a:link, div.logos a:visited{
	padding : 20px 10px 20px 10px;
}


/*** presentation ***/
div.txtPresentation{
	color:#333;
	font-weight : normal;
	padding : 10px 150px 0px 150px;
	margin:0px;
}
div.txtPresentation img{
	padding-bottom:100px;
}

div.txtPresentation p{
	color:#333;
	font-weight : normal;
	text-align:left;
	font-size:12px;
}
a.spectacles {
display:block;
position : absolute;
top : 130px;
left:520px;
}
a.concert {
display:block;
position : absolute;
top : 40px;
left:30px;
}
a.projection {
display:block;
position : absolute;
top : 50px;
left:350px;
}
a.ateliers {
display:block;
position : absolute;
top : 40px;
left:195px;
}
a.exposition {
display:block;
position : absolute;
top:200px;
left:390px;
}
a.histoires {
display:block;
position : absolute;
top : 165px;
left:600px;
}
a.conference {
display:block;
position : absolute;
top : 360px;
left:550px;
}

/** positionnement ie**/
*html a.spectacles {
display:block;
position : absolute;
top : 20px;
left:-10px;
}
*html a.concert {
display:block;
position : absolute;
top : 300px;
left:-20px;
}
*html a.projection {
display:block;
position : absolute;
top : 430px;
left:-10px;
}
*html a.ateliers {
display:block;
position : absolute;
top : 495px;
left:285px;
}
*html a.exposition {
display:block;
position : absolute;
top : -30px;
left:500px;
}
*html a.histoires {
display:block;
position : absolute;
top : 165px;
left:570px;
}
*html a.conference {
display:block;
position : absolute;
top : 360px;
left:520px;
}
/***bulles des programmes**/
table.programme a.spectacles {
	display:block;
	position : absolute;
	top : 90px;
	left:105px;
}
table.programme a.concert {
	display:block;
	position : absolute;
	top : 20px;
	left:35px;
}
table.programme a.projection {
	display:block;
	position : absolute;
	top : 180px;
	left:110px;
}
table.programme a.ateliers {
	display:block;
	position : absolute;
	top : 20px;
	left:135px;
}
table.programme a.exposition {
	display:block;
	position : absolute;
	top : 50px;
	left:20px;
}
table.programme a.histoires {
	display:block;
	position : absolute;
	top : 142px;
	left:165px;
}
table.programme a.conference {
	display:block;
	position : absolute;
	top : 158px;
	left:20px;
}
/*** hack pour le placemnet des bulles sous ie***/
*html table.programme a.spectacles {
display:block;
position : absolute;
top : 90px;
left:60px;
}
*html table.programme a.concert {
display:block;
position : absolute;
top : 25px;
left:135px;
}
*html table.programme a.projection {
display:block;
position : absolute;
top : 200px;
left:80px;
}
*html table.programme a.ateliers {
display:block;
position : absolute;
top : 125px;
left:-20px;
}
*html table.programme a.exposition {
display:block;
position : absolute;
top : -30px;
left:5px;
}
*html table.programme a.histoires {
display:block;
position : absolute;
top : 132px;
left:130px;
}
*html table.programme a.conference {
display:block;
position : absolute;
top : 168px;
left:-10px;
}

table.programme a.dates , table.programme a.dates:link, table.programme a.dates:visited , table.programme a.dates:hover, table.programme a.dates:focus, table.programme a.dates:active{
color:#00AAE8!important;
font-weight:bold;
font-size: 11px;
}
/***Introduction au programme **/
div.introProgramme{
height : 400px;
}
div.introProgramme a.spectacles {
	display:block;
	position : absolute;
	top : 145px;
	left:520px;
}
div.introProgramme a.concert {
	display:block;
	position : absolute;
	top : 50px;
	left:35px;
}
div.introProgramme a.projection {
	display:block;
	position : absolute;
	top : 55px;
	left:360px;
}
div.introProgramme a.ateliers {
	display:block;
	position : absolute;
	top : 50px;
	left:200px;
}
div.introProgramme a.exposition {
	display:block;
	position : absolute;
	top : 230px;
	left:380px;
}
div.introProgramme a.histoires {
	display:block;
	position : absolute;
	top : 195px;
	left:50px;
}
div.introProgramme a.conference {
	display:block;
	position : absolute;
	top : 200px;
	left:216px;
}
/*** infospratique ***/
img.afficheExpo {
	float : right;
	padding-left : 30px;
}
h3.titreGris {
	color : #828A91;
	margin : 0;
	padding : 0;
	font-size : 120%;
	font-family : Arial;
	font-weight : bold;
}
span.orange {
	color:#D64800;
}

/**** page accueil ***/
div.containerAccueil {
	width : 775px;
	height : 550px;
	margin : auto;
}
span.txt18 {
	font-size : 18px;
}
div.logosAccueil {
	background-color : #FFF;
	text-align : right;
}
div.logosAccueil img{
	border:0;
}
div.logosAccueil a, div.logosAccueil a:link, div.logosAccueil a:visited{
	padding : 0px 10px 20px 10px;
}
a.fleche img{
	margin-top : 45px;
}
body.afficheImage {
background-color:#FFFFFF;
padding : 30px;
}
ul.ancre li{
	list-style : none;
	background : url(images/puce-li.gif) no-repeat 0px 3px;
	padding-left : 20px;
}
ul.ancre a, ul.ancre a:link, ul.ancre a:visited{
font-weight:bold;
font-family : Trebuchet, Trebuchet MS, Arial, sans-serif;
text-decoration:none;
color:#C5091D;
}
ul.ancre a:hover,ul.ancre  a:focus,ul.ancre  a:active{
text-decoration:underline;
}
p.hautPage {
	text-align : right;
	background : url(images/puce-haut-page.gif) no-repeat top right;
	padding-right : 17px;
	padding-top :5px;
	padding-bottom :0px;
}
p.hautPage a, p.hautPage a:link, p.hautPage a:visited, p.hautPage a:hover, p.hautPage a:focus, p.hautPage a:active{
	color:#000;
}
div.bandeau h3.titre {
font-weight : bold;
letter-spacing : 0.4px;
}
span.legende {
font-size: 0.8em;
font-style: italic;
color : #666;
}

/*** style ppl ***/
td.espacement {
	padding-right : 30px;
}
td.espacementHaut{
	padding-top : 270px;
}
td.espacementProjection{
	padding : 30px 50px 30px 80px;
}
table.spectacles h2 {
color:#C9CC07;
}
table.ateliers h2 {
color:#E83C2F;
}
table.histoires h2 {
color:#EC6900;
}
table.projection h2 {
color:#993399;
}
table.exposition h2 {
color:#009EE3;
}
table.conference h2 {
color:#D83A8B;
}
table.concert h2 {
color:#33cccc;
}

table.programme  {
margin-top:30px;
}
table.programme p {
font-size :11px;
padding:0;
margin:0;
}
table.programme p.gris {
color:#666;
padding-top : 0px;
margin-top:0px;
}

span.gris {
color:#666;
padding-top : 0px;
margin-top:0px;
font-weight:normal;
}
table.programme h3{
	font-size: 11px;
	margin : 0px 0px 0px 0px;
	padding : 0px;
	font-weight:bold;
	}
table.programme p.gris a, table.programme p.gris a:link, table.programme p.gris a:visited, table.programme p.gris a:hover, table.programme p.gris a:focus, table.programme p.gris a:active{
color:#666;
}
table.programme a {
color:#000000!important;
}
img.separateur {
margin: 10px 0px;
}
div.infosPratiques h3{
color:#669900;
}

/***** bibliographie ***/
img.alignGauche {
float : left;
padding-right:5px;

}
table.bibliographie {
width : 680px;
margin-top:20px;
}
table.bibliographie p{
padding : 0;
margin : 0;
font-size:12px;
}
table.bibliographie a,table.bibliographie a:link,table.bibliographie a:visited {
color:#000000;
text-decoration:none;
}
table.bibliographie a:hover, table.bibliographie a:focus, table.bibliographie a:active{
color:#000000;
text-decoration:underline;
}

td.colonneG {
width : 233px;
text-align:left;
vertical-align:top;
}

div.contenuBiblio {
	padding : 0px 30px 0px 30px;
	margin : 30px 0px 0px 0px;
	}
*html div.contenuBiblio {
	padding : 0px 30px 0px 30px;
	}
div.contenuBiblio h2{
float:left;
margin-top:30px;
}
div.contenuBiblio h3{
font-size:20px;
padding-top:65px;
}
div.fdCouleur{
position:relative!important; 
margin-bottom:15px;
margin-right:20px;
padding-right : 5px;
}
table.orange div.fdCouleur{
background-color:#ffe4ca;
}
table.bleu div.fdCouleur{
background-color:#cbe6ef;
}
table.vert div.fdCouleur{
background-color:#d4e1a6;
}
table.rose div.fdCouleur{
background-color:#f1dbe8;
}
div.fdCouleur p{
position:absolute; 
left:94px;
width : 110px;
}
td.colonneM {
width : 233px;
text-align:left;
vertical-align:top;
}
td.colonneD {
width : 214px;
text-align:left;
vertical-align:top;
}
td.colonneD div.fdCouleur{
margin-bottom:15px;
margin-right:0px;
padding-right : 5px;
}
br.separateurCouv{
clear:both;
}
table.menuBiblio ul {
	padding : 10px 10px 10px 10px;
	margin : 0;
}
table.menuBiblio li {
	padding : 0px;
	margin : 0;
}
table.menuBiblio a,table.menuBiblio a:link,table.menuBiblio a:visited{
text-decoration:none;
}
table.menuBiblio a:hover,table.menuBiblio a:focus,table.menuBiblio a:active{
text-decoration:underline;
}
ul.menuMidi li {
color : #EB0C8C;
font-weight:bold;
list-style:disc;
list-style-position:inside;
}
ul.menuMidi li a, ul.menuMidi li a:link, ul.menuMidi li a:visited {
color : #EB0C8C;
}
ul.menu7h45 li {
color : #9EC224;
font-weight:bold;
list-style:disc;
list-style-position:inside;
}
ul.menu7h45 a, ul.menu7h45 li a:link, ul.menu7h45 li a:visited  {
color : #9EC224;
}
ul.menuMinuitPile li{
color : #00A3DE;
font-weight:bold;
list-style:disc;
list-style-position:inside;
}
ul.menuMinuitPile a, ul.menuMinuitPile a:link,ul.menuMinuitPile a:visited{
color : #00A3DE;
}
ul.menu19h03 li {
color : #EB6E07;
font-weight:bold;
list-style:disc;
list-style-position:inside;
}
ul.menu19h03 a , ul.menu19h03 a:link,ul.menu19h03 a:visited{
color : #EB6E07;
}

div.contenuBiblio h3.orange {
	color:#EB6E07;
}
div.contenuBiblio h3.rose {
	color:#E2007A;
}
div.contenuBiblio h3.bleu {
	color:#00A3DE;
}
div.contenuBiblio h3.vert {
	color:#9EC224;
}
div.menuAutourPPL {
	background:url(images/autour-ppl.jpg) top left no-repeat;
	width:305px;
	height:57px;
	float:right;
	padding-top : 40px;
	text-align:center;
	margin-top:1px;
}
div.menuAutourPPL a, div.menuAutourPPL a:link,div.menuAutourPPL a:visited{
text-decoration:none;
font-weight:bold;
}
div.menuAutourPPL a:hover, div.menuAutourPPL a:focus,div.menuAutourPPL a:active{
text-decoration:underline;
}
div.menuAutourPPL a.lienBiblio,div.menuAutourPPL a.lienBiblio:link,div.menuAutourPPL a.lienBiblio:visited {
padding-right:20px;
color:#E2007A;
}
div.menuAutourPPL a.lienInterviews, div.menuAutourPPL a.lienInterviews:link,div.menuAutourPPL a.lienInterviews:visited {
padding-right:20px;
color:#008CBE;
}
div.menuAutourPPL a.lienComptines, div.menuAutourPPL a.lienComptines:link,div.menuAutourPPL a.lienComptines:visited {
padding-right:20px;
color:#66308E;
}
div.menuAutourPPL a.lienBlogUp, div.menuAutourPPL a.lienBlogUp:link,div.menuAutourPPL a.lienBlogUp:visited {
padding-right:20px;
color:#669900;
}
a.orange, a.orange:link, a.orange:visited, a.orange:hover, a.orange:focus, a.orange:active {
	color:#EB6E07;
}
a.bleu, a.bleu:link, a.bleu:visited, a.bleu:hover, a.bleu:focus, a.bleu:active {
	color:#00A3DE;
}
a.vert, a.vert:link, a.vert:visited, a.vert:hover, a.vert:focus, a.vert:active {
	color:#9EC224;
}
a.rose, a.rose:link, a.rose:visited, a.rose:hover, a.rose:focus, a.rose:active {
	color:#E1007A;
}
p.dates {
//font-weight:bold;
}
table.spectacles p.dates {
color:#C9CC07;
}
table.ateliers p.dates {
color:#E83C2F;
}
table.histoires p.dates {
color:#EC6900;
}
table.projection p.dates {
color:#993399;
}
table.concert p.dates {
color:#33cccc;
}
table.exposition p.dates {
color:#009EE3;
}
table.conference p.dates {
color:#D83A8B;
}
table.programme h1 {
font-size:19px!important;
color:#000000!important;
}
div.colonneGauche {
float:left;
width : 320px;
}
div.colonneDroite {
float:right;
width : 320px;
}
div.comptines h3 {
color:#E74D73;
font-size:18px !important;
margin-top:30px;
}
div.versionSite {
	border : none;
	padding : 0;
	text-align:right;
	background-color:#efe624;
}
div.versionSite a{
	color:#000;
}
div.menuRepas p{
	font-family: 'Cookie', cursive;
	font-size:28px;
	margin-bottom:20px;
	text-align:center;
}
div.menuRepas  p.titreMenuRepas{
	font-size:36px;
	text-align:center;
	font-weight:bold;
}