#main
{
	background-image: url(CSS/fond_accueil.jpg);
	margin: 0px auto 0px auto;
	background-repeat: no-repeat;
	width: 800px;
	min-height: 640px;
	position: relative;
	color: #000;
	background-color: #FFFFFF;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#recherche
{
	background-image: url(CSS/fond_recherche.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 640px;
	position: relative;
	color: #000;
	background-color: #FFFFFF;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#programme
{
	background-image: url(CSS/fond_programme.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 640px;
	position: relative;
	color: #000;
	background-color: #F4E3E3;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#main_1
{
	background-image: url(CSS/fond_olinda.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 640px;
	position: relative;
	color: #FFF;
	background-color: #000038;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#main_1 a
{
	font-size: 12px;
	font-family: arial;
	color: #FFF;
}


#main_2
{
	background-image: url(CSS/fond_cafe.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 640px;
	position: relative;
	top: 0%;
	right: 100%;
	bottom: 100%;
	left: 0%;
	color: #000;
	background-color: #E8E8F1;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#main_3
{
	background-image: url(CSS/fond_salle.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 640px;
	position: relative;
	top: 0%;
	right: 100%;
	bottom: 100%;
	left: 0%;
	color: #000;
	background-color: #FAEDE8;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#main_4
{
	background-image: url(CSS/fond_accueil.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 640px;
	position: relative;
	top: 0%;
	right: 100%;
	bottom: 100%;
	left: 0%;
	color: #000;
	background-color: #FFFFFF;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#main_16
{
	background-image: url(CSS/fond_partenaires.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 640px;
	position: relative;
	top: 0%;
	right: 100%;
	bottom: 100%;
	left: 0%;
	color: #000;
	background-color: #FFFFFF;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#main_17
{
	background-image: url(CSS/fond_acces.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 640px;
	position: relative;
	top: 0%;
	right: 100%;
	bottom: 100%;
	left: 0%;
	color: #FFF;
	background-color: #000000;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}

#main_17 a
{
	font-size: 12px;
	font-family: arial;
	color: #FFF;
}

#ps
{
	font-size: 10px;
	font-family: arial;
	color: #333;
}


body { margin: 20px 0px 20px 0px; }

a
{
	font-size: 12px;
	font-family: arial;
}

a:link
{
	text-decoration: none;
	font-weight: bolder;
}

a:visited
{
	text-decoration: none;
	font-weight: bolder;
}

a:hover
{
	text-decoration: underline;
	font-weight: bolder;
}

#bandeau
{
	/*bandeau contenant le titre du site*/
	text-align: center;
}

#contenu
{
	/*colonne principale*/
	text-align: justify;
	font-size: 12px;
	font-family: arial;
	width: 470px;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: auto;
	padding: 155px 80px 0px 240px;
	/*margin: 155px 0px 10px 220px;*/
}

.menu
{
	/*colonne de gauche, servant à la navigation*/
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -.5pt;
	line-height: 20px;
}

#menu_1
{
	position: absolute;
	left: 60px;
	top: 350px;
	height: 20px;
}

#menu_2
{
	position: absolute;
	left: 60px;
	top: 400px;
	height: 20px;
}

#menu_3
{
	position: absolute;
	left: 60px;
	top: 450px;
	height: 20px;
}

#menu_4
{
	position: absolute;
	left: 60px;
	top: 500px;
	height: 20px;
}
#menu_5
{
	position: absolute;
	left: 60px;
	top: 550px;
	height: 20px;
}

#menu_6
{
	position: absolute;
	top: 20px;
	left: 400px;
	height: 20px;
}

#menu_7
{
	position: absolute;
	top: 40px;
	left: 300px;
	height: 20px;
}


.breves
{
	position: absolute;
	left: 15px;
	top: 395px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -.5pt;
	line-height: 20px;
}

#rechercheform
{
	position: absolute;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -.5pt;
	width: 200px;
	left: 15px;
	top: 600px;
}

/* Titre de menu */
.menu-titre
{
	font-weight: 800;
	font-size: 95%;
}

/* Element de menu hors titre de rubrique */
.menu-item { font-size: 90%; }

/* menu-item-0 à 3 : formatage des titres de rubrique */
.links
{
	text-align: left;
	width: auto;
	clip: auto;
	font-family: Arial;
	border-color: #000;
}

.links a:link
{
	text-decoration: none;
	font-size: 11px;
}

.links a:visited
{
	text-decoration: none;
	font-size: 11px;
}
.links a:hover
{
	text-decoration: none;
	font-size: 11px;
}

/*pull down menu*/
.pdmenu
{
	margin: 0;
	padding: 0 0 25px 0;
	z-index: 1;
	width: auto;
	height: 12px;
}

.pdmenu a:hover
{
	text-decoration: none;
	color: #FFFFFF;
	visibility: visible;
	z-index: 1;
}


/* links*/

#link10
{
	position: absolute;
	top: 200px;
	left: 20px;
	z-index: 1;
}

#link9
{
	position: absolute;
	top: 180px;
	left: 20px;
	z-index: 2;
}

#link8
{
	position: absolute;
	top: 160px;
	left: 24px;
	z-index: 3;
}

#link7
{
	position: absolute;
	top: 140px;
	left: 30px;
	z-index: 4;
}

#link6
{
	position: absolute;
	top: 120px;
	left: 40px;
	z-index: 5;
}

#link5
{
	position: absolute;
	top: 100px;
	left: 60px;
	z-index: 6;
}

#link4
{
	position: absolute;
	top: 80px;
	left: 120px;
	z-index: 7;
}

#link3
{
	position: absolute;
	top: 60px;
	left: 200px;
	z-index: 8;
}

#link2
{
	position: absolute;
	top: 40px;
	left: 300px;
	z-index: 9;
}

#link1
{
	position: absolute;
	top: 20px;
	left: 400px;
	z-index: 10;
}

.menu-selected
{
	/* Element (ou titre) de menu sélectionné */
	background: #fefeb8;
	/*donne une couleur de fond spécifique à l'élément sélectionné*/
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 2px solid #fefbb6;
	/*réhausse la couleur de fond de l'élément sélectionné*/
	border-bottom: 2px solid #fefbb6;
	/*idem*/
}

h2.extrait
{
	/*titre des articles*/
	margin: 4px;
	/*réduit la marge sous le titre d'un article*/
}


div.pdmenu
{
	/*padding: 25px;*/
	z-index: 0;
}

.pdmenu ul
{
	margin: 0;
	padding: 0 0 25px 0;
	list-style-type: none;
	
}

.pdmenu li
{
	z-index: 1;
	margin: 0 -1px 0 0;
	padding: 0;
	color: black;
	text-decoration: none;
	position: inherit;
	border-left: #000;
	border-width: 0 0 0 1px;
}

.pdmenu a {
	text-decoration: none;
	display: block;
	color: #000000;
	padding: 5px;
}

.pdmenu a:hover {
	
	text-decoration: none;
	color: #FFFFFF;
}

.pdmenu li ul {
	display: none;
}

.pdmenu li:hover ul
{
	visibility: visible;
	display: block;
	z-index: 1;
	padding: 0;
	margin: 0;
	background-color: #CCC;
}

.pdmenu li li {
	z-index: -1;
}	

.pdmenu li li a {
	padding: 2px 2px 2px 10px;
}

.spip_in a {
	font-size: 9px;
}