/*
---- feuille de style du secteur 49 - saison 2008-2009 -----
*/

*{
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #515151;
	behavior: url(../dist/win_width.htc);
	font-size: 1em;
}
img, table { border: 0px none white; }
a{
	color: #515151;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	color: #FF6600;
}
p.spip{
	padding-bottom: 8px;
}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
.invisible{	display: none;}

#page-27, #page-28, #page-31, #page-49, #page-30, #page-50, #page-52 {
	width: 815px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(decor/fd-plan.gif);
	text-align: left;
	position: relative;
}
#page-28 .col-gauche{
	float: left;
	width: 535px;
	position: relative;
	margin-top: 14px;
}
/*
#page-27 .col-gauche{
	float: left;
	width: 435px;
	position: relative;
	margin-top: 14px;
}
*/
.col-gauche-adresse{
	font-size: 0.88em;
}
.col-gauche-mdm{
}
.col-gauche-baseline{
	margin: 50px 0 0 236px;
	background-color: White;
}
.col-gauche-titre{
	position: absolute;
	top: 88px;
	font-family: "Times New Roman", Times, serif;
	font-size: 5em;
	font-weight: bold;
}
.col-gauche-titre-breve{
	position: absolute;
	top: 88px;
	font-family: "Times New Roman", Times, serif;
	font-size: 2.4em;
	font-weight: bold;
	text-align: right;
}
.col-gauche-sstitre{
	position: absolute;
	top: 188px;
	right: 280px;
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: bold;
	text-align: right;
}
.col-gauche-maison{
	position: absolute;
	top: 258px;
	left: 280px;
}
.col-gauche-spectacle-item{
	font-weight: bold;
	margin: 0px;
	padding: 10px 4px;
}
.col-gauche-spectacle-item-titre{
	font-size: 1.2em;
}
.col-gauche-spectacle-item a{
}
.col-gauche-spectacle-item-type{
	margin: 6px 0;
}
.col-gauche-spectacle-item-type span{
	font-weight: normal;
	background-color: Black;
	color: White;
	padding: 0 1px;
}
.col-gauche-spectacle-item-tarif{
	font-weight: normal;
}
.col-gauche-spectacle-item-dates{
	margin: 6px 0;
	font-weight: bold;
	font-style: italic;
	font-size: 0.88em;
}
#page-28 .col-droite{
	float: right;
	width: 280px;
	position: relative;
	margin-top: 14px;
}
.col-droite-titre{
	font-family: "Times New Roman", Times, serif;
	font-size: 2.4em;
	font-weight: bold;
	color: #777777;
}
.col-droite-texte{
	margin: 0 45px 0 0;
	padding-top: 8px; 
	font-size: 0.88em;
}
.col-droite-date{
	margin: 14px 45px 0 0;
	text-align: right;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 2em;
}
.col-droite-precedent{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.8em;
}
.col-droite-precedent a:hover{
	color: #515151;
}
.diapo{
	clear: left;
	position: relative;
}
.diapo-image{
	position: absolute;
	top: 40px;
	right: 320px;
}
.menu{
	position: absolute;
	top: 258px;
	left: -25px;
}
.menu a{
	display: block;
	margin-bottom: 4px;
	font-size: 0.88em;
}
.menu a:hover{
	color: #FF6600;
	text-decoration: none;	
}
.menu-accueil{
	margin: 2px 0 0 35px;
}
.menu-breve{
	margin-left: 25px
}
.menu-section{
	margin-top: 10px;
}
.col-droite .formulaire_spip{
	margin-top: 16px;
	background-color: White;
	font-size: 0.88em;
}
.col-droite .formulaire_spip fieldset{
	border: 0px;
	background-color: #DADADA;
}
.col-droite .formulaire_spip fieldset table{
	width: 100%;	
}
.col-droite .formulaire_spip fieldset.previsu{
	margin-bottom: 16px;
	padding: 8px;
	background-color: #DADADA;
	border: 0px;
	color: Black;
}
.col-droite .formulaire_spip fieldset.previsu legend{
	margin-bottom: 5px;
	font-style: italic;
}
.col-droite .formulaire_spip fieldset.previsu p{
	margin-bottom: 5px;;
}
.col-droite .formulaire_spip .spip_bouton{
	margin-top: 8px;
	font-size: 0.77em;
}
.col-droite .formulaire_spip .spip_bouton input{
	background-color: #DADADA;
	font-size: 0.77em;
}
/*
----- saison 2007-2008 ----*/
/*
#page-27 {
	width: 815px;
	height: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	background-color: #DADADA;
}
#page-27 p{
	padding-bottom: 8px;
	line-height: 1.3em;
}
*/
a.ateliers{
	margin-left: 57px;
}
a.ateliers-on{
	color: #FF6600;
	margin-left: 25px;
}
h3{
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px 0 4px 0;
	color: Black;
}
.illustration{
	position: absolute;
	top: 620px;
	left: 410px;
}
.son{
/*
	margin: 20px 0 0 25px;
	*/
	float: left; 
}
.vp{
	margin: 220px 0 0 25px;
}
#page-30 .vp{
	margin: 20px 0 0 25px;
}
.vp a{
	display: block;
	margin-bottom: 16px;
	float: right;
	margin-left: 40px;
}

/**
--------- Sequence ouverture page d accueil---------
*/

#page-27, #page-49, #page-30, #page-50, #page-52 {
	background-image: none;
	width: 914px;
}
#page-27 .ligne-entete, #page-49 .ligne-entete,
 #page-30 .ligne-entete, #page-50 .ligne-entete, #page-52 .ligne-entete{
	float: left;
	width: 914px;
	position: relative;
	margin-top: 14px;
}
#page-27 .ligne-decor, #page-49 .ligne-decor, #page-30 .ligne-decor, #page-50 .ligne-decor{
	float: left;
	width: 914px;
	position: relative;
}
#page-27 .ligne-texte, #page-49 .ligne-texte, #page-30 .ligne-texte, #page-50 .ligne-texte{
	float: left;
	width: 914px;
	position: relative;
}
.col-milieu-baseline{
	margin-top: 30px;
}
.decor-gallerie{
	float: left;
}
.menu-sommaire-1{
	float: left;
	width: 160px;
}
.menu-sommaire-2{
	float: left;
	width: 160px;
}
div.colonnes {
float: left;
margin-top: 20px;
width: 30%;
padding-right:28px;
}
div.colonnes p{
	padding-bottom: 8px;
}
.menu-sommaire{
	margin: 18px 0;
}
div.colonnes h3 a, div.colonnes h3{
	color: #FF6600;
}
div.colonnes h3 a:hover{
	color: #FFCC00;
	text-decoration: underline;
}
.menu-sommaire .menu-accueil{
	margin: 0 0 6px 35px;
	font-size: 13px;
}
.menu-sommaire .menu-accueil a{
	background-color: #FFCC00;
	padding: 2px 4px;
	color: Black;
}
#page-49 .col-gauche-mdm{
	margin: 8px 0 14px 0;
}
.vp{
	text-align: right;
	margin: 20px 0 0 25px;
}
#page-27 .spip_doc_descriptif, #page-49 .spip_doc_descriptif, 
#page-30 .spip_doc_descriptif, #page-50 .spip_doc_descriptif{
	font-size: 0.8em;
	padding-bottom: 8px;
}

/**
--------- Sequence ouverture ---------
*/
.spip_documents_center{ text-align: center; display: block;}
#rub-27, #rub-49, #rub-30, #rub-50  {
	background-image: none;
	width: 914px;
}

/*---- entete ----*/
.ligne-entete-rub{	position: relative;	margin-top: 14px;}

.ligne-entete{ position: relative;}

.entete-gauche{	float: left;	font-size:0.88em;}
.entete-gauche-mdm{	margin: 8px 0;}

/*
// menu etalant
*/
#entete-droite{
	position: absolute;
	left: 318px;
	background-color: #FFCC00;
	padding: 0px 4px;
	font-size: 15px;
	width: 586px;
}
#agenda .entete-droite{	height: 160px;}
.entete-droite-slogan{ clear: right; text-align: right; padding: 55px 0 0 0;}
.entete-droite-alerte{ margin: 4px 40px 0 0;}
dt, dl, dd, ul, li {
	list-style-type: none;
}
#entete-droite dl {
	float: left;
	background-color: #FFCC00;
	margin: 0 6px 0 0;
	padding: 2px 4px 2px 4px;
}
#entete-droite li {
	display: inline;
	background-color: #FFF100;
	padding: 2px 4px;
}
#smenu0, #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8 {
	font-size: 12px;
	padding: 0px 4px 2px 4px;
	width: 586px;
	background-color: #FFF100;
	position: absolute;
	left: 0px;
	top: 20px;
	border-top: 1px solid #fff;
	line-height: 18px;
}
#entete-droite dt a{color: Black;	padding: 2px 4px 2px 4px;}
#entete-droite dt a:hover, #entete-droite dt a.on{ background-color: #FFF100; text-decoration: none;}
#entete-droite li a{color: #515151;	padding: 2px 4px 3px 4px;}
#entete-droite li a:hover, #entete-droite li a.on{ color: Black; text-decoration: none; background-color: #FDFFB9; }

/*
// FIN menu etalant
*/

.pied-gauche-menu{
	background-color: #FFCC00;
	padding: 2px 4px;
	color: #ffffff;
	font-size: 13px;
}
.pied-gauche-menu{
	float: left;
}
.pied-gauche-menu a{
	color: Black;
}
.pied-gauche-menu a:hover{
	color: Black;
}

.pied-gauche-resa{
	background-color: #ffffff;
	color: #000000;
	padding: 2px 20px;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
.pied-gauche-resa a{ color: Black;}
.pied-gauche-resa a:hover{ color: #FF6600;}

/*-------- calendrier -------*/
.calendrier-ligne{
	background-image: url(decor/fd_cal.gif);
	background-repeat: repeat-x;
	
}
.ligne-calendrier-rub{
	position: relative;	
}
.calendrier-date{
	float: left;
	width: 152px;
}
.calendrier-date-item{
	background-image: url(decor/fd_cal.gif);
	background-repeat: repeat-x;
	text-align: center;
	padding: 4px 0;
	color: Black;
}
.calendrier-item{
	margin-top: 10px;
	padding: 0 10px;
	font-weight: bold;
	font-size: 0.88em;
	line-height: 1.15em;
}
.calendrier-item a{
	color: Black;
	display: block;
}
.calendrier-item a:hover{
	background-color: #FFF100;
	text-decoration: none;
	color: Black;
}
.calendrier-item-type{
	background-color: Black;
	color: White;
	padding: 0px 1px;
	font-size: 0.82em;
	margin-top: 4px;	
	font-weight: normal;
}
a:hover .calendrier-item-type{
	background-color: #FF6600;
} 
.calendrier-item-tarif{
	margin: 0;
	padding: 0;
	font-size: 0.77em;
	font-weight: normal;
	line-height: normal;
}
.calendrier-item-tarif a{
	
}
.ligne-calendrier-art{
	position: relative;	
}
.ligne-calendrier-date{
	background-image: url(decor/fd_cal.gif);
	background-repeat: repeat;
	text-align: left;
	padding: 4px;
	color: Black;
}
.ligne-calendrier-date p{ padding-bottom: 0;}
.ligne-calendrier-date-item{
	float: right;
}
.calendrier-item-titre{
	width: 350px;
	font-size: 2em;
	float: left;
}
.calendrier-item-texte{
	text-align: justify;
	font-size: 0.44em;
	line-height: 1.30em;
}
.calendrier-item-texte a{
	color: #305E86;
	text-decoration: underline;
}
.calendrier-item-texte a:hover{
	text-decoration: underline;
	color: #FF6600;
}
.calendrier-item-titre .calendrier-item{
	padding: 0;
	color: Black;
}
.calendrier-item-titre .calendrier-item .calendrier-item-type{
	font-size: 0.7em;
}
.calendrier-item-titre .calendrier-item .calendrier-item-tarif{
	font-size: 0.7em;
}
.calendrier-item-detail{
	padding: 8px 0 0 10px;
	font-size: 0.88em;
	color: Black;
}
.calendrier-item-detail-texte{
	float: right;
	width: 280px;
	text-align: justify;
	line-height: 1.30em;
}
.calendrier-item-detail-illustration{
	float: left;
	text-align: center;
	padding: 0 0px 0 25px;
	font-size: 0.77em;
}
.calendrier-menu{
	width: 178px;
	float: right;
	position: relative;
	margin-top: 8px;
}
.calendrier-menu-detail{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: auto;
	width: 178px;
	height: 343px;
}
.calendrier-menu-masque{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
.calendrier-menu-detail a{
	display: block;
	font-size: 0.77em;
	padding: 3px 2px;
}
.calendrier-menu-detail a:hover{
	background-color: #FFF100;
	color: #515151;
	text-decoration: none;
}
.calendrier-collaboration{
	font-size: 0.33em;
	padding: 33px 0px 0 0px;
	text-align: justify;	
	/*
	padding: 63px 0px 0 20px;
	width: 340px;
	*/
}
.calendrier-menu-documents{
	position: absolute;
	top: 380px;
	left: 0px;
	z-index: auto;
}
.calendrier-menu-documents-audio{
	font-size: 0.77em;
	padding: 3px 2px;
}
.calendrier-menu-documents-titre{
	font-weight: bold;
}
.article-illustration{
	float: left;
	width: 340px;
	margin: 8px 0 0 25px;	
	font-size: 0.88em;
	color: Black;
}
.article-illustration-item{
	text-align: center;
	margin-bottom: 12px;
	padding: 0;
	font-size: 0.77em;
}
.article-illustration-item-titre{
	font-size: 1.2em;
	font-weight: bold;
}
/*
	border: 1px blue solid;
	width: 178px;
	height: 373px;
	width: 178px;
	height: 343px;
*/
.ligne-texte .liste-ateliers{}
.ligne-texte table{ margin: 0px 0 16px 100px;}
.ligne-texte td{ padding: 3px 5px; text-align: left;}
.ligne-texte tr.row_even{ background-color: #EEEEEE;}
.ligne-texte td.row_odd {background-color: #F8F8F8;}


/*
-------- associes --------*/

.associe-item-article{
	
}
.associe-item-titre{
	width: 350px;
	font-size: 2em;
	float: left;
}
.associe-item-texte{
	clear: both;
	text-align: justify;
	font-size: 1em;
	line-height: 1.30em;
}
.associe-item-texte a{
	color: #305E86;
	text-decoration: underline;
}
.associe-item-texte a:hover{
	text-decoration: underline;
	color: #FF6600;
}
.associe-item-titre .associe-item{
	padding: 0;
	color: Black;
}
.associe-item-texte div.colonnes {
float: left;
margin-top: 20px;
width: 35%;
padding-right:28px;
}
.associe-item-texte div.colonnes p{
	padding-bottom: 8px;
}
.associe-item-texte div.colonnes h3 a, div.colonnes h3{
	color: #FF6600;
}
.associe-item-texte div.colonnes h3 a:hover{
	color: #FFCC00;
	text-decoration: underline;
}



/*-------- pied -------*/
.ligne-pied{
	position: relative;
	margin-top: 18px;
}
/*
-------- reportage reouverture ---*/
.merci-titre{
	margin: 8px 0;
	padding: 0 10px;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.15em;
}
.merci-copyr{
	margin: 8px 0;
	padding: 0 10px;
	font-weight: normal;
	font-size: 0.72em;
	color: #777777;
}
.merci-legende{
	margin: 8px 0 12px 0;
	padding: 0 10px;
	font-weight: normal;
	font-size: 0.88em;
	line-height: 1.40em;	
}
.spip_documents_left{
	padding: 0 8px 8px 0;
}

/*
-------- agenda --------
*/
.calendrier-th{
	font-weight: normal;
	font-size: 0.66em;
	text-align: center;
	background-color: #FFF100;
	width: 131px;
}
.calendrier-th-jour{
	font-weight: bold;
	font-size: 2em;
}
.calendrier-td{
	vertical-align: top;
	height: 200px;
}
.agenda_navigation{
	position: absolute;
	top: 116px;
	bottom: 6px;
	right: 0px;
	text-align: right;
	font-size: 0.77em;
	height: 21px;
	width: 350px;
}
.agenda_navigation a{
	background-color: #FFF100;
	padding: 0px 2px 2px 2px;
}

/******** Candidature **/
#candidature{ text-align: right; margin: 36px 2px 0 0;}