@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body#vert {
	background-color: #73AF55;
}

body.clair {
background-color:#CCDFBB;

font-family: Helvetica, Arial, Verdana, sans-serif;
}

h1{
	color: #73af55;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:5px;
}
h2{
	font-size:14px;
	color:#666666;
	font-weight:bold;
	margin-top:0;
}

#container {
width:900px;
margin:auto;
background-color:#FFFFFF;

font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:13px;
color:#666666;
}


#container p {
/*font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:13px;
color:#666666;*/
line-height: 1.5em;
margin:10px 0;
}


#contenu {
width:900px;
background-color:#FFFFFF;
padding-bottom:20px;
}

/**** Page d'accueil ****/
#contenu_home {
width:900px;
background-color:#FFFFFF;
padding-bottom:20px;
}

#vert #container {
width:900px;
margin:auto;
background-color:#73AF55;
}
#header {
width:900px;
height:108px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}
.contenu_home{
	text-align:center;
}
#centre_home{
	width:760px;
	margin:0 auto;
	
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:13px;
	line-height: 1.5em;
	color:#666666;
	
	padding-top:20px;
}
#gauche_home{
	text-align:left;
	width:370px;
	float:left;
}
#gauche_droite{
	text-align:left;
	width:370px;
	float:right;
}
#entree_site_home{
	float:left;
	width:250px;
	text-align:center;	
	padding-top:10px;
}
#bas_droite_home{
	float:left;
	width:450px;
}
.logo_home{
	border:0;
	margin-bottom:20px;
}

.titre_home{
	display:inline;
	font-size:13px;
}
h1.titre_theatre{
	color:#73AF55;
}
h1.titre_concerts, h1.titre_marni_club{
	color:#009ab2;
}
h1.titre_danse{
	color:#b6007c;
}
h1.titre_enfants{
	color:#f9b500;
}
h1.titre_expos{
	color:#004080;
}
h1.titre_philo{
	color:#FF8000;
}
h1.titre_saison{
	color:#5d5e60;
}

/*** Fin homepage ***/


#header {
width:900px;
height:108px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
}

#header2 {
height:110px;
width:900px;
background-image:url(images/Header2b.jpg);
background-repeat:no-repeat;
}

#menu {
margin:auto;
width:880px;
height:22px;
line-height:22px;
vertical-align:middle;
background-image:url(images/navigation_bg.gif);
background-repeat:no-repeat;
}
#menu li {
/*padding:5px 10px 3px 10px;
display:inline;*/
float:left;
padding:0 10px 0 10px;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
list-style-type:none;

height:22px;
line-height:22px;
vertical-align:middle;
}

#menu li a {
/*color:#333333;*/
color:#5f6062;
}

#menu li:hover, #menu li.sfhover{
background-color:#73AF55;
}

#menu li.l_menu_on{
	background-color:#73AF55;
}


#marni li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00FF00;
}

/* Catégories d'événements, dans la barre du haut */
#t_rubriques td li {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
display:inline;
}
#t_rubriques td li a {
text-align:right;
color:#FFFFFF;
padding:5px;
}
#t_rubriques td li a:hover {
background-color:#FFFFFF;
}
.theatre {
background-color:#73AF55;
}
.concerts, .marni_club {
background-color:#009ab2;
}
.danse {
background-color:#b6007c;
}
.enfants {
background-color:#f9b500;
}
.expos {
background-color:#004080;
}
.philo {
background-color:#FF8000;
}
.a_table {
background-color:#B3B3B3;
}
.saison {
background-color:#5d5e60;
}
#t_rubriques .theatre:hover {
color:#73AF55;
}
#t_rubriques .concerts:hover, #t_rubriques .marni_club:hover {
color:#009ab2;
}
#t_rubriques .danse:hover {
color:#b6007c;
}
#t_rubriques .enfants:hover {
color:#f9b500;
}
#t_rubriques .expos:hover {
color:#004080;;
}
#t_rubriques .philo:hover {
color:#FF8000;
}
#t_rubriques .a_table:hover {
color:#B3B3B3;
}

#t_rubriques .saison:hover {
color:#5d5e60;
}

#banner_rubrique{
	width:880px;
	margin:0 auto 15px auto;
	padding:0;
}
				
#calendrier {
margin-bottom:10px;
width:880px;
border:#73AF55 solid 2px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#666666;
text-align:center;
}
/*		
#texte {
width:880px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#FFFFFF;
}
*/

#rubrique {
clear:both;
width:880px;
margin:auto;
padding:0;
}
#rubrique #saison{
	color: #73af55;
	font-weight: bold;
	text-transform:uppercase;
	text-align:center;
}

#contenu table#t_rubriques{
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:7px;
}


h5 {
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#666666;
}

.par1 {
height:320px;
}

.infos {
text-transform:uppercase;
font-weight:bold;
}


#col_gauche{
	width:200px;
	min-height:500px;
	height:500px;
	float:left;
	
	padding:0 0 0 10px;
}
#col_gauche #expo_mois{
	width:50px;
	margin:10px auto;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	background-color:#004080;
	
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	/*font-family: Georgia,"Times New Roman",Times,serif;*/
	text-transform: uppercase;
	text-align:center;
}
#col_gauche #expo_mois a:link,#col_gauche #expo_mois a:visited{
	color:#ffffff;
	text-decoration:none;
}
#col_gauche #expo_mois a:hover{
}

#col_droite{
	width:670px;
	float:right;
	padding:0 10px;
}
.droite_accueil{
	padding:0;
}

.bordvert{
border-top:dashed 2px #73AF55;
}

.bordbleu{
border-top:dashed 2px #009ab2;
}

.bordmauve{
border-top:dashed 2px #b6007c;
}

.bordgris{
border-top:dashed 2px #5d5e60;
}

.bordrouge{
border-top:dashed 2px #004080;;
}

.bloc {
width:212px;
float:left;
margin-right:10px;
margin-bottom:10px;
height: 300px;
}
.bloc .description {
line-height: 1.5em;
margin:5px 0;
}

h4 {
padding:2px 0 2px 2px; 
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-transform:uppercase;
}

.bloc.vert h4 {
background-color:#73AF55;
}

.bloc.bleu h4 {
background-color:#009ab2;
}

.bloc.mauve h4{
background-color:#b6007c;
}

.bloc.gris h4{
	background-color:#5d5e60;
}

.bloc.rouge h4{
	background-color:#004080;;
}

.titre_vert {
font-family:Helvetica, Arial, Verdana, sans-serif;
color:#73af55;
font-weight:bold;
}

.titre_encadré{
font-family:Helvetica, Arial, Verdana, sans-serif;
color:#FFFFFF;
font-weight:bold;
background-color:#5d5e60;
padding:1px;
}

.saisons {
color:#73af55;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:bottom;
}

a {
text-decoration:none;
color:#73af55;
}
a:hover {
color:#414d4f;
}

#footer{
margin-top:10px;
height:30px;
width:900px;
background-image:url(images/fond_footer.jpg);
background-repeat:no-repeat;
text-align:center;
}
		#footer p {
		padding-top:5px;
		text-transform:uppercase;
		color:#73af55;
		font-weight:bold;
		font-family:Helvetica, Arial, Verdana, sans-serif;
		font-size:14px;
		}
		
.nettoyeur {
clear:both;
}


/*** Articles ****/
.article{
	clear:both;
	margin-bottom:15px;
}
.chapeau{
	font-style:italic;
	margin-top:10px;
	margin-bottom:15px;
}
#container .ps{
	clear:both;
	margin-top: 1.5em;
	padding-top: 0px;
	border-top: 1px solid #CCCCCC;
}
#container .ps p{
	margin:2px 0;
	padding:0;
	font-size: 0.7em;
	
	color:#CCCCCC;	
}
#container hr{
	border:0;
	border-bottom: 2px dashed #73AF55;
	margin-bottom: 25px;
}
h3.spip{
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0em;
	font-size: 1em;
	font-weight: bold;
	color:#009ab2;
}
.spip_documents_left { float: left; margin-right: 10px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 10px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: normal; font-size: 0.90em; }
.spip_doc_titre strong{ font-weight:normal; font-size:0.9em;}

/* Liens externes */
a.spip_out{
	text-decoration:none;
	color:#73af55;
}
a.spip_out:hover{
	text-decoration:none;
	color:#414d4f;
}

/*** mois dans "sub-header" ***/
td#tab_mois{
}
#tab_mois a{
	display:block;
	float:left;
	width:20px;
	height:30px;
}
a#mois_sept:link, a#mois_sept:visited{
	background:url(images/mois_septembre_off.jpg) no-repeat;
}
a#mois_sept:hover{
	width:20px;
	height:30px;
	background:url(images/mois_septembre.jpg) no-repeat;
}
a#mois_oct:link, a#mois_oct:visited{
	background:url(images/mois_octobre_off.jpg) no-repeat;
}
a#mois_oct:hover{
	background:url(images/mois_octobre.jpg) no-repeat;
}
a#mois_nov:link, a#mois_nov:visited{
	background:url(images/mois_novembre_off.jpg) no-repeat;
}
a#mois_nov:hover{
	background:url(images/mois_novembre.jpg) no-repeat;
}
a#mois_dec:link, a#mois_dec:visited{
	background:url(images/mois_decembre_off.jpg) no-repeat;
}
a#mois_dec:hover{
	background:url(images/mois_decembre.jpg) no-repeat;
}
a#mois_janv:link, a#mois_janv:visited{
	background:url(images/mois_janvier_off.jpg) no-repeat;
}
a#mois_janv:hover{
	background:url(images/mois_janvier.jpg) no-repeat;
}
a#mois_fev:link, a#mois_fev:visited{
	background:url(images/mois_fevrier_off.jpg) no-repeat;
}
a#mois_fev:hover{
	background:url(images/mois_fevrier.jpg) no-repeat;
}
a#mois_mars:link, a#mois_mars:visited{
	background:url(images/mois_mars_off.jpg) no-repeat;
}
a#mois_mars:hover{
	background:url(images/mois_mars.jpg) no-repeat;
}
a#mois_avril:link, a#mois_avril:visited{
	background:url(images/mois_avril_off.jpg) no-repeat;
}
a#mois_avril:hover{
	background:url(images/mois_avril.jpg) no-repeat;
}
a#mois_mai:link, a#mois_mai:visited{
	background:url(images/mois_mai_off.jpg) no-repeat;
}
a#mois_mai:hover{
	background:url(images/mois_mai.jpg) no-repeat;
}
a#mois_juin:link, a#mois_juin:visited{
	background:url(images/mois_juin_off.jpg) no-repeat;
}
a#mois_juin:hover{
	background:url(images/mois_juin.jpg) no-repeat;
}




/* événements */
h1#fond_titre{
	width:880px;
	margin:0 auto 15px;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	text-align:center;
	
	font-size:20px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	background-color:#FF0066;
}
.t_theatre{
	background:#70b052 url(images/titre_theatre.jpg) no-repeat;
}
.t_concerts, .t_marni_club{
	background:#70b052 url(images/titre_concerts.jpg) no-repeat;
}
.t_danse{
	background:#70b052 url(images/titre_danse.jpg) no-repeat;
}
.t_enfants{
	background:#70b052 url(images/titre_enfants.jpg) no-repeat;
}
.t_expos{
	background:#70b052 url(images/titre_expos.jpg) no-repeat;
}
.t_saison{
	background:#70b052 url(images/titre_saison.jpg) no-repeat;
}
.t_philo{
	background:#70b052 url(images/titre_philo.jpg) no-repeat;
}
.t_a_table{
	background:#70b052 url(images/titre_a_table.jpg) no-repeat;
}

h1.titre_liste{
display:inline;
color:#FFFFFF;
width:auto;
font-size:13px;

margin-right:3px;
}
.t_liste_theatre {
background-color:#73AF55;
}
.t_liste_concerts,.t_liste_marni_club {
background-color:#009ab2;
}
.t_liste_danse {
background-color:#b6007c;
}
.t_liste_enfants {
background-color:#f9b500;
}
.t_liste_expos {
background-color:#004080;
}
.t_liste_philo {
background-color:#FF8000;
}
.t_liste_a_table {
background-color:#B3B3B3;
}
.t_liste_saison, .t_liste_ {
background-color:#5d5e60;
}
h1.titre_detail{
	display:block;
	color:#FFFFFF;
	width:auto;
	font-size:13px;
	
	margin-right:3px;	
}


.date{
	font-weight:bold;
	font-size:13px;
	color:#666666;
}
.heure{
	font-weight:normal;
}
.vert{
	color: #73af55;
}
.infos_pratiques{
	margin-top:10px;
	/*margin-bottom:10px;*/
}
.logo_accueil{
	border:0;
	margin:5px 0;
}
.logo_liste_events{
	float:left;
	border:0;
	margin-right:10px;
}
h1.titre_mois{	
	display:block;
	border-bottom:dashed 2px #73af55;
	padding-bottom: 12px;
	margin-bottom:10px;
}
.sepa_10px{
	clear:both;
	height:10px;
}
.copyright_photo{
	display:inline;
	font-size:0.7em;
}
.copyright_photo p{
	display:inline;
	margin:0;
	padding:0;
}
.copyright_photo img, #rubrique .crea_marni{
	margin-right:0px;
	margin-top:3px;
	margin-bottom: -5px;
}

/*** Newseltter ***/
#form_newsletter{
	padding:10px 20px;
}
#form_newsletter li{
	list-style:none;
}
#form_newsletter li fieldset{
	border:none;
	margin-top:10px;
}
.choix{
	display:block;
	margin:3px 5px;
}
#form_newsletter input#email{
	width:200px;
}
#form_newsletter .boutons input{
	cursor:pointer;
	font-weight:bold;
}

/*** Calendrier mini ***/
#calendar #mois {
background-image:url(images/mois.jpg);
background-repeat:no-repeat;
width:200px;
height:30px;
line-height:30px;
vertical-align:middle;
text-align:center;

font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-transform:uppercase;

padding:0;
margin:0;
}
#calendar #mois .t_mois{
	float:left;
	width:120px;
	margin-left:15px;
	text-align:center;
}
#calendar #mois a:link, #calendar #mois a:visited{
	color:#FFFFFF;
}
#calendar #mois a:hover{
}
#calendar a#mois_prec{
	display:block;
	float:left;
	margin-left:15px;
	font-size:16px;
}
#calendar a#mois_suiv{
	display:block;
	float:left;
	float:right;
	margin-right:15px;
	font-size:16px;
}

#calendar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
}
#calendar table{
	border:solid 2px #73af55;
	padding:0;
	margin:0;
	
	width:200px;
	margin-top:5px;
}
#calendar abbr{
	border:none;
}
#calendar th{
	font-weight:bold;
	color:#5d5e60;
	
	padding-bottom:5px;
}
#calendar td{
	height:25px;
	color:#5d5e60;
	width:25px;
	border-collapse:collapse;
	
	border:solid 1px #CCCCCC;
}
#calendar h2{
	background-color: #fec800;
	text-transform: uppercase;
	border-top: 3px #fec800 solid;
	vertical-align: 34%;
	border-bottom: 2px #fec800 solid;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	font-size:11px;
}

#calendar .occupe{
	background-color:#73af55;
}
#calendar .occupe a {
	font-weight:bold;
	text-decoration:underline;
	color:#FFFFFF;
	text-decoration:none;
}
#calendar .occupe a:hover{
	color:#000000;
}
#calendar .horsperiode {
	color:#999999;
	font-size:0.8em;
	border:none;
}
#calendar .libre{
}
#calendar .today{
	font-weight:bold;
}

/*DOCUMENTS (JP JUIN 2010)*/
.spip_documents img{
	margin: 5px;
}



.documents ul{
	list-style: none;
	margin: 5px 0 0 5px;
}

/*FORMULAIRES DANS CHAMPS PS (JP JUIN 2010)*/

#container .form_res{
	margin: 20px 0;
}


#container .ps .spip_forms p.spip_form_ok{
	font-size: 1.2em;
	background-color: #008000;
	margin: auto;
	padding: 3px;
	color: #ffffff;
	
}
a.bouton_form{
	cursor: pointer;
	
}
a.bouton_form:hover{
	color: #666666;
}
#container .spip_forms fieldset{
	border: solid 1px #73AF55;
	padding: 5px;
	width: 600px;
}

#container .spip_forms .forml, #container .spip_forms .formo{
	border: solid 1px #cccccc;
}
#container .spip_forms .forml, #container .spip_forms .fondl{
	background-color: #E6E6E6;
	border: solid 1px #cccccc;
}
#container .spip_forms .spip_bouton input{
	background-color: #73AF55;
	color: #fff;
}
.no_style{
	list-style-type: none;
}
.erreur_404{
	margin: 50px 250px;
}
.ps .spip_forms ul.choix_mots, .ps .spip_forms ul.spip_form_choix_multiple, .ps .spip_forms ul.spip_form_choix_unique, .ps_ps .spip_forms ul.choix_mots, .ps_ps .spip_forms ul.spip_form_choix_multiple, .ps_ps .spip_forms ul.spip_form_choix_unique{
	float: none;
	width: auto;
	padding: 3px;
}
.ps .spip_forms ul.choix_mots li, .ps .spip_forms ul.spip_form_choix_multiple li, .ps .spip_forms ul.spip_form_choix_unique li, .ps_ps .spip_forms ul.choix_mots li, .ps_ps .spip_forms ul.spip_form_choix_multiple li, .ps_ps .spip_forms ul.spip_form_choix_unique li{
	padding: 3px;
}
.ps .spip_forms ul.choix_mots li label, .ps .spip_forms ul.spip_form_choix_multiple li label, .ps .spip_forms ul.spip_form_choix_unique li label, .ps_ps .spip_forms ul.choix_mots li label, .ps_ps .spip_forms ul.spip_form_choix_multiple li label, .ps_ps .spip_forms ul.spip_form_choix_unique li label{
	padding-left: 10px;
	display: inline-block;
	
}

.logo_art{
	margin: 20px;
	float: right;
}
.even_infos{
	margin-left: 240px;
}
h1.accueil{
	margin: 20px 0 20px 0;
}
#t_rubriques tr{
	height:30px;
}