body {
	padding: 0em;
	font-size: 0.85em;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e0dfdd;
	}
div#entete {
	background-image: url(charte/entete.gif);
	height: 150px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
    }
div#background {
	background-image:url(charte/bg.jpg);
	background-repeat: repeat;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-position: left top;
	border-top-style: solid;
	}
div#conteneur {
	width: 950px;
	padding-right: 10px;
	background-image: url(charte/fd.gif);
	background-repeat: repeat-y;
	
	}
		
div#repere {
	background-color: #c49a01;
	padding-left: 5px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: none;
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 40px;
	color: #FFFFFF;
    }
div#colonne1 {
	float: left;
	width: 155px;
	background-image: url(charte/fdmenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	margin-left: 0px;
	padding-top: 25px;
	padding-left: 40px;
	}
#colonne1 img 
	{border: none;}
	
div#menu_programme{
	width: 145px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #383164;
	border-left-color: #02004B;
	background-color: #FFFFFF;
}

div#menu_vie_culturelle{
	width: 145px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #383164;
	border-left-color: #02004B;
	background-color: #FFFFFF;
}

.onglet{
	margin-left: 5px;
	margin-bottom: 0px;
	padding-bottom: 7px;

}

div#colonne2 {
	float: right;
	width: 196px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	padding-left: px;
	padding-right: 0px;
	color: #FFFFFF;
	}
	
div#pave1 {
	width: 186px;
	padding-top: 50px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	background-position: top;
	padding-left:10px;
	background-image: url(charte/a_l_affiche.gif);
	padding-right: 0px;
	color: #FFFFFF;
	background-color: #1A0A53;
	}
	
div#pave2{
	width: 186px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 10px;
	background-image: url(charte/haut.gif);
	padding-right: 0px;
	color: #FFFFFF;
	background-color: #1A0A53;
	margin-top: 0px;
	}
div#centre {
	background-color: #000000;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	width: 540px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-left: 10px;
	
	}
#titre_a_laffiche{
	background-color:#1A0A53;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	padding-top: 0px;
}	
#titre_a_laffiche a{
	color: #FFFFFF;
	}
#titre_a_laffiche a:hover {
	color: #CCCCCC;
	}
	
div#pied {
	clear: both;
	margin-top: 10px;
	background-image: none;
	background-repeat: no-repeat;
	text-indent:40px;
	padding-bottom: 5px;
	}
		
/* Mise en forme Contenu */
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #333333;
}
h1 {
	font-size: 24px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
h2 {
	background-repeat: no-repeat;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	background-position: left center;
	}
.article .spip_logos {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
	 }



.article {
	background-color:#FFFFFF;
	border: 2px solid #1A0A53;
	width:490px;
	height: auto;
	margin-left: 10px;
	padding: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
.article_texte_titre{
	background-color: #FFFFFF;
	height: auto;
	width: auto;
	}
.article a:hover {
	color: #1A0A53;
	font-weight: bold;
}
.article a {
	font-weight: bold;
	color: #000000;
}
.a_l_affiche {
	background-color: #1A0A53;
	margin-right: 10px;
	padding: 10px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	padding-top: 15px;
}
.a_l_affiche a{
	color: #FFFFFF;
	}
.a_l_affiche a:hover {
	color: #CCCCCC;
	}
ol, ul, li {padding: 0; margin: 0em;}
/* Images*/
.spip_logos{
	margin-right: 0px; 
}
#centre img 
	{border: none;}
#pied img 
	{border: none;}
#pied a
{
	color: #000000;
}
#pied a:hover
{
	color: #1A0A53;
}

#c	
#colonne1 img 
	{border: none;}
#colonne1 a
{
	color: #666666;
}
#colonne1 a:hover
{
	color: #1A0A53;
}
#colonne2 img,a
	{border: none;}
#colonne2 img 
	{border: none;}
/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first {
	background-color: #773750;
}
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 5px; text-align: left; vertical-align: middle; }

/* infobulle */
a.info{
	position:relative;
	z-index:24;
	color:#000;
	text-decoration:none
}

a.info:hover{
	z-index:25
}

a.info span{display: none}

a.info:hover span{
	/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:auto;
	border:1px solid #1A0A53;
	background-color:#eeeeee;
	color:#1A0A53;
	text-align: center;
	font-weight:normal;
	padding:1px;
    }