/************************************************************/
/*        BORDERS : pour les tests 								*/
/************************************************************/
#footer, #EntetePage, #contentColumn, #innerContentColumn, #innerLeftColumn, #page, #Page {
	border: 0px ;
}
#page, #Page {
	border-color: red;
}
/***************************************************************/
/*             DECLARATIONS GENERALES                          */
/***************************************************************/
.validation  {
	margin: 0; padding: 0.1em 0;
	border-top: 1px solid #398FC6;
	border-bottom: 1px solid #398FC6;	
	color: gray;
	font-weight: normal;
	font-size: 0.9em;	
}	
.validation a:active, .validation a:visited, .validation a:link{
	color: gray; font-weight: normal;
}

span.rouge {
	color: #9E0F00;
	font-weight: bold;
}
span.bordure_grise {
	border: 1px solid gray;
}

span.url a.spip_out {
	color: #9E0F00;
	font-size: 90%;
}

#entete {
	display: none;
}
.spip_puce {
	list-style-position: inside;
	border-width:0;
	margin:0; padding: 0;
}
.nodisplay{
	display: none;
}
a.skip {
	display: none;
}
#oldbrowser {
	text-align: center;
}
small {
	font-size: 0.8em;
	color: #666;
}
em {
	font-style: normal;
	font-weight: bold;
}
abbr, acronym { 
	cursor: help;
	border-bottom: 1px dotted #313C4A;
}

/*h2>small {font-size: 0.8em;}

ul {
	margin-top: 0em;
}
.spip_documents_center {
	text-align: center:
	}


/***************************************************************/
/*STRUCTURE : les différentes parties de l'écran*/
/***************************************************************/
div {
	padding: 0;
	margin: 0;
}
body {
	padding: 5px 0 5px 0px; margin: 0; 
	font-family: Arial, Helvetic, sans-serif; 	font-size: 105%;	
	background-color: #EFEFE7; 	color: #000;
	text-align: center;
}

#Page, #page {
	margin-left:auto; margin-right:auto;  width: 920px; 
    position: relative;  height: 1%;	
    text-align:left; 
	color: #3C3D25; background-color: #EFEFE7;
	 
}

#leftcolumn {
	margin-right: -150px;	/* IE 4 fix */
}

#leftColumn {	
	position: relative;
	float: left;
	width: 150px;
	height:1%;	
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}

#innerLeftColumn {
	padding: 0 5px ;
	background-color: #EFEFE7;		
}

#rightColumn {
	position: relative;
	float: right;
	width: 149px;
}

#innerRightColumn {
	padding: 0 5px ;
	border-left: 0px solid #000;	
	font-size: 0.9em; 
	background-color: #EFEFE7;
}

#contentColumn {	
	/*min-width: 589px; */
	height:1%; margin-left: 150px; width: 759px;
	font-size: 0.7em;	
}

#innerContentColumn {
	padding: 1em; margin-right: 150px;
	overflow: auto;
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */	
	color: #3C3D25; background-color: #FFF; line-height: 1.5em;	
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#innercontentcolumn {	
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}

#footer {
	margin-top: 1em;
	clear: both;	
	z-index: 10;	
	border-top-width: 0px;
	font-size: 11px; text-align: center; color: #3C3D25;
}

#footer a{
	color: gray;
	/*color: #3C3D25; */
	font-weight: bold;	
}

#innerFooter {	
	padding: 10px; 
	margin-left: auto;
	margin-right: auto;		
}

#PiedPage ul {
	padding: 0.3em 0 0 0; margin: 0;
}
#PiedPage li {
	display: inline;
	list-style-type: none;
	padding-right: 0.7em;
	padding-left: 0;
}
#contentColumn>#innerContentColumn {
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innerMenu, .innerMenu {
	margin: 0 0 0.5em 0;	
}
#orientation {
	font-size: 1em;
	margin-bottom: 3em;
}

.rechercheAnimations {
	font-size: 1em;
	margin: 2em 0;
}

/*********************************/
/* Mise en forme du menu à puces */
/*********************************/
#menuGen {
	margin: 0;
	padding-left:150px;	
	padding-top: 7px; 	
}

#menuGen ul {
	margin: 0;
	padding: 0;
}

#menuGen li {
	float: left;
	margin-right: 6px;
	list-style-type: none;
}

#menuGen li a {
	width: 80px;
	display: block;
	padding: 80px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 0px !important;
	height /**/: 80px;
}
#menuGen li a:hover, #agenda_off.active a, #edition_off.active a, #doc_off.active a, #services_off.active a, #arts_off.active a,#international_off.active a, #tic_off.active a {
	background-position: 0 -80px;
}
#home a {
	background-image: url('../images/logo_sceren.gif')
}
#home li a {
	width: 170px;
	display: block;
	padding: 80px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 0px !important;
	height /**/: 80px;
}


#agenda_on a:visited, #edition_on a:visited, #doc_on a:visited, #services_on a:visited, #arts_on a:visited, #international_on a:visited, #tic_on a:visited {
	background-position: 0 -80px;
}

#agenda_off a, #agenda_on a {
	background-image: url("../images/30.gif");
}
#edition_off a, #edition_on a {
	background-image: url("../images/31.gif");
}
#doc_off a, #doc_on a {
	background-image: url("../images/32.gif");
}
#services_off a, #services_on a {
	background-image: url("../images/33.gif");
}
#arts_off a, #arts_on a {
	background-image: url("../images/34.gif");
}
#tic_off a, #tic_on a {
	background-image: url("../images/56.gif");
}
#international_off a, #international_on a {
	background-image: url("../images/35.gif");
}
img {
	border: 0;
}
.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 70%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}


/************************************************************/
/*        SOUS-MENU  : - liste des sous-rubriques      		*/
/*                     - liste des animations homepage		*/
/************************************************************/

#Menu, #MenuAnimations {	
	float: right;
	width: 190px; 
	margin: 0 0 2em 0.5em;
	font-size: 0.9em;	
	line-height: 1.2em;	
	padding: 0em;	
}

#Menu ul, #MenuAnimations ul{
	margin: 0 0.7em 0 0.7em;	
	padding: 0;
}
#Menu .menu_rubriques li, #Menu .menu_articles li {
	list-style-type: none;
	padding: 0.5em 0; 
	border:0;
}
#Menu h3.titre, #MenuAnimations h3.titre {
	color: #FFF;
}
div#menuRecherche {
	background: #EFEFE7;	
	border: 1px solid #D6D7BD;
	padding: 1em; margin: 1em 0; 
}
div#menuRecherche.webbreves {
	font-size: 1.1em;
}
div#menuRecherche p, div#menuRecherche ul{	
	
}
div#menuRecherche li{
	list-style-type: none;
	padding: 0.3em 0;
}
div#menuRecherche h3 {
	color: #3C3D25;
}
/************************************************************/
/*        MISE EN FORME DES LIENS							*/
/************************************************************/
A {
	text-decoration: none;		 
} 
#innerContentColumn A:link {
		/*color: #004183;*/
		color: #398FC6;
		text-decoration: none;		 
} 
#innerContentColumn A:visited {
		color: #398FC6; 
		text-decoration: none;
} 
#innerContentColumn A:active {
		/*color: #005bba;*/color: #398FC6;
} 
#innerContentColumn A:hover {
		text-decoration: none;
		color: #FFF;
		background:#3C3D25;		
}
.sans_fond a:hover {
	background: #FFF;
}
a:hover {
	text-decoration: underline;
}
#innerContentColumn a{	
	font-weight: bold;
}
#innerContentColumn {
border: 2px solid;
}

/************************************************************/
/*        DESCRIPTION des ELEMENTS de l'ENTETE				*/
/************************************************************/
#flash {
	width: 887px;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 0; margin-bottom: 0; padding: 0; 
}
#EntetePage{
	position: relative; top: 0; left: 0;
	padding: 0; margin: 0; width: 760px; height: 95px;
	/*background-image: url('../images/logo_sceren.gif');	top: 0; left:0; background-repeat: no-repeat;	*/	
}
#EntetePage h1{
	float:left;
	margin: 0; padding: 170px 0 0 0; width: 180px;
	overflow: hidden; 	
	height: 0px !important;
	height /**/:170px;	
	text-align: left;
	border: 0px solid #000;
}
#EntetePage h2{
	display: none;
}
/************************************************************/
/*        TITRAGES	de la colonne centrale					*/
/************************************************************/

#innerContentColumn h2  { 
		font-family:verdana, arial, sans-serif;
		font-size:17px;
		font-weight:bold;
		text-align:left;
		line-height:20px;
		padding:2px;
		margin-top:0.5em;
		margin-bottom:1.4em;
		text-transform:uppercase;
		letter-spacing: .05em;
		border-bottom:1px solid;
}
#innerContentColumn h2 sup {
	text-transform: none;
}
#innerContentColumn h2.minuscules {
	text-transform: none;
}
 
#innerContentColumn h2 {
	/*font-size: 1.4em;*/
	/*margin:0.5em 0 0.4em 0;*/
}

#innerContentColumn h3 {
	font-family:verdana, arial, sans-serif;
	font-size: 1.2em;
	margin: 1.5em 0 0.2em 0;
}


#innerContentColumn h4 
{
	font-size: 1em;
	margin: 0.5em 0 0em 0;
	font-weight: bold;	
}
	
/************************************************************/
/*      DESCRIPTION des élements d'un ARTICLE 				*/
/************************************************************/
p.spip {
	margin: 0 0 0.3em 0;
	padding-bottom: 1em; 	
}
.spip_logos{
	margin:0.2em 0.5em 0.2em 0;	
}

.spip_puce{
	margin:0 0 -0.2em 0;	
}
div.texte p, div.ps p{
	margin: 0 0 0.3em 0;
	padding: 0 ; 
}
div.clear {
	clear: both; 
	font-size: 0; 
}
/* Sites web référencés ou syndiqués */
.sites_web dt {	
	margin-left: 3em;
	padding-left: 0em;	
	display: list-item;
	list-style-image: url("../IMG/icones/remote_a.gif");
}
.sites_web dd {
	margin-bottom: 1em;
}
.sites_web h3 {
	padding-bottom: 0em;
}

.sites_web h4 {
	font-size: 120%; text-transform: uppercase;
	padding-bottom: 0em;
}
/* Fichiers sons */
.musique li {	
	margin-left: 3em;
	padding-left: 0em;	
	display: list-item;
	list-style-image: url("../IMG/icones/sound_a.gif");
}

/*Breves */
#breves {	
}
#breves li {
	list-style-image: url("../IMG/icones/info_a.gif");
}
#breves ul{
	margin-top: 0em;
}
/* Documents joints */
#documents dl {
	margin-top: 0;
}
#documents dd {
	margin-bottom: 1em;
}

/* Liste des articles d'une sous-rubrique */
#articles dl, .articles dl {
	margin-top: 0;
}
#articles dd, .articles dd {
	margin-bottom: 1em;
}
#articles_importants dt{
	font-size: 1.2em;
}
#articles_importants dd {
	font-weight: bold;
	margin-bottom: 2em;
}	
#EnteteArticle {
}
.surtitre {
	font-variant: small-caps;
	margin: 0;
	font-weight: bold;
}
.soustitre {
	font-style: italic;
	margin: 0 0 0.5em 0;
}
.chapo {
	font-weight: bold;
	margin: 1em 0;
}
.texte {
}
.ps {	
	margin: 0 0 0.5em 0;
	padding: 1em ;
}
.notes {
	margin: 1em 0;
	border-top: 1px solid #000;
	font-size: 0.9em;
}
p.spip_note {
	margin: 0; padding: 0;
}

/************************************************************/
/*        MISE EN FORME DES PAGES BREVES					*/
/************************************************************/
#Breve {	
	font-size: 0.8em;	
	margin-top: 10em;margin-left: auto; margin-right: auto;
	padding: 1em;
	border: solid 1px #000;
	background-color: #FFF;
	width: 450px;
	text-align: left;
}
#Breve h2  { 
		font-family:verdana, arial, sans-serif;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		line-height:14px;
		padding:2px;
		margin-top:0.5em;
		margin-bottom:1.4em;
		text-transform:uppercase;
		letter-spacing: .2em;
		border-bottom:1px solid;
}


/************************************************************/
/*        FORMULAIRES										*/
/************************************************************/
.formrecherche {
		background-color:#FFFFFF; 
		font-family: verdana, Helvetica, sans-serif; 
		font-size:9px; 
		color: #000000; 
		height:20px; 
		width: 115px;
		border:1px solid #D1D5BA; 		
		margin-bottom: 0.4em; 
}
.form {
		margin: 0.2em 0 0.5em 0; 
}
/************************************************************/
/*        TABLEAUX										*/
/************************************************************/

td           { text-align: center;  padding: 3px; }
.row_title   { text-align: right; font-weight: bold }
.row_even    { background-color: #F8F8F8 }
.row_odd     { background-color: #E2E2E2 }
