/* CSS Document */

	
/* ========================== STYLES GENERAUX */	
	body{
		background-color:#fff;
		font-family:arial;
		font-size:12px;
		color:#0a1114;
		margin:0;
		padding:0;
	}
	body.recherche{
		background-color:#f6f6f4;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	#global{
		width:976px;
		margin:auto;
		position:relative;
	}
	
	.listePagesRecherche a{
		font-style:italic;
		color:#005189;
		text-decoration:none;
	}
/* ========================== STYLES GENERAUX */



/* ========================== ENTETE */
	#photoEntete{
		position:absolute;
		z-index:20;
		top:118px;
		left:0;
	}
	
	#entete{
		width:976px;
		height:190px;
	}
	
	.fond1{
		background-image:url(http://www.ville-bourges.fr/images/bandeau-1.jpg);
		background-repeat:no-repeat;
	}
	
	
	#enteteGauche{
		float:left;
		width:175px;
	}
	
	#logo{
		padding:11px 0 0 19px;
	}
	
	#logoImpression{
		display:none;
	}
	
	#date{
		width:160px;
		text-align:center;
		color:#4e7386;
		font-size:90%;
		font-weight:bold;
		margin:42px 0 0 0;
	}
	
	#enteteMilieu{
		float:left;
		width:615px;
	}
	
	#enteteMenu{
		width:602px;
		margin:118px 0 0 0;
	}
	
	.menu1, .menu2{
		float:left;
		width:200px;
		height:21px;
	}
	
	.menu1{
		border-right:1px solid #d1e3ed;
	}
	
	.menu1 a, .menu2 a{
		display:block;
		width:172px;
		height:18px;
		padding:3px 0 0 28px;
		background-color:#619ebf;
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		filter:alpha(opacity=90); 
        -moz-opacity:0.9; 
        opacity:0.9;
	}
	
	.menu1 a:hover, .menu2 a:hover{
		background-color:#9ac2d6;
	}
	
	.menu1 a.rubriqueActive, .menu2 a.rubriqueActive{
		color:#28436f;
	}
	
	.menu1 a.rubriqueActive:hover, .menu2 a.rubriqueActive:hover{
		background-color:#619ebf;
		color:#28436f;
	}
	
	.clearMenu{
		clear:both;
		height:1px;
		background-color:#d1e3ed;
	}
	
	#enteteDroite{
		float:left;
		width:186px;
	}
	
	#englishContact{
		margin:21px 0 0 76px;
		color:#444;
	}
	
	#englishContact a{
		color:#444;
		text-decoration:none;
	}
	
	#englishContact a:hover{
		text-decoration:underline;
	}
	
	#moteurRecherche{
		margin:104px 0 0 0;
		padding:6px 0 0 14px;
		width:161px;
		height:37px;
		background-image:url(http://www.ville-bourges.fr/images/fond-moteur.gif);
		background-repeat:no-repeat;
	}
	
	#moteurRecherche h3{
		font-size:80%;
		font-weight:bold;
		color:#444;
		margin:0;
		padding:0;
	}
	
	#rechercheChamp{
		float:left;
		width:139px;
		margin:1px 0 0 0;
	}
	
	#rechercheChamp input{
		width:125px;
		height:12px;
		padding:1px 3px 1px 3px;
		border:1px solid #b5b7b5;
		background-color:#f6f6f4;
		font-family:arial;
		font-size:11px;
		color:#444;
	}
	
	#rechercheOk{
		float:left;
		width:22px;
		margin:-2px 0 0 0;
	}
/* ========================== ENTETE */


	
	
/* ========================== BARRE GAUCHE */
	#gauche{
		float:left;
		width:160px;
		margin:23px 15px 0 0;
	}
	
	.titreMenuRubrique{
		display:block;
		width:137px;
		height:18px;
		padding:4px 0 0 23px;
		background-color:#4e6da0;
		background-image:url(http://www.ville-bourges.fr/images/fleche-menu-rubrique.gif);
		background-repeat:no-repeat;
		font-size:100%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.titreMenuRubrique:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#menuPresentation, #menuTourisme, #menuEconomie, #menuCulture, #menuSports, #menuEnvironnement, #menuPatrimoine, #menuEnseignement, #menuUrbanisme{
		width:160px;
		margin:0;
		padding:5px 0 0 0;
		border-top:1px solid #fff;
		background-image:url(http://www.ville-bourges.fr/images/fond-menu-rubrique.gif);
		background-repeat:no-repeat;
		list-style:none;
	}
	
	.itemMenuRubrique{
		margin:0 0 0 0;
		padding:0;
		background-color:#71a8c5;
		border-bottom:2px solid #71a8c5;
	}
	
	.itemMenuRubrique a{
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		display:block;
		width:134px;
		padding:0 2px 0 24px;
		background-image:url(http://www.ville-bourges.fr/images/puce-menu-rubrique.gif);
		background-repeat:no-repeat;
		background-position:13px 0;
	}
	
	.itemMenuRubrique a:hover{
		color:#004676;
		background-position:13px -100px;
	}
	
	.itemMenuRubriqueAdresses{
		margin:0 0 0 0;
		padding:0 0 0 0;
		border-top:2px solid #71a8c5;
	}
	
	.itemMenuRubriqueAdresses a{
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		display:block;
		width:134px;
		padding:5px 2px 5px 24px;
		background-image:url(http://www.ville-bourges.fr/images/puce-menu-rubrique-2.gif);
		background-repeat:no-repeat;
		background-position:13px 5px;
		background-color:#4e6da0;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.itemMenuRubriqueAdresses a:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	.itemMenuRubrique a.menuRubriqueActif{
		color:#003a61;
		text-decoration:none;
		font-weight:bold;
		background-position:13px -200px;
	}
	
	.itemMenuRubrique a.menuRubriqueActif:hover{
		color:#003a61;
		background-position:13px -200px;
	}
	
	#titreMenuViePratique{
		display:block;
		width:137px;
		height:18px;
		padding:4px 0 0 23px;
		background-color:#899c71;
		background-image:url(http://www.ville-bourges.fr/images/fleche-menu-pratique.gif);
		background-repeat:no-repeat;
		font-size:100%;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#titreMenuViePratique:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	.ouvert{
		display:block;
	}
	
	.ferme{
		display:none;
	}
	
	#menuViePratique{
		width:139px;
		margin:0;
		padding:5px 8px 5px 13px;
		border-top:1px solid #fff;
		background-color:#c1cc88;
		list-style:none;
	}
	
	#menuViePratique li{
		margin:0 0 2px 0;
		padding:0;
	}
	
	#menuViePratique li a{
		color:#fff;
		text-decoration:none;
		font-weight:bold;
		display:block;
		width:126px;
		padding:0 2px 0 11px;
		background-image:url(http://www.ville-bourges.fr/images/puce-menu-vie-prat.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	
	#menuViePratique li a:hover{
		color:#66774e;
		background-position:0 -100px;
	}
	
	#menuViePratique li a.lienViePratiqueActif{
		color:#4e5d38;
		text-decoration:none;
		font-weight:bold;
		background-position:0 -200px;
	}
	
	#menuViePratique li a.lienViePratiqueActif:hover{
		color:#4e5d38;
		background-position:0 -200px;
	}
	
	.cale{
		height:16px;
	}
	
	#lienPlan{
		display:block;
		width:143px;
		padding:1px 0 0 17px;
		background-color:#899b70;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#lienBourgesImages{
		width:160px;
		padding:1px 0 0 0;
		background-color:#899b70;
	}
	
	#lienPlan{
		height:16px;
	}
	
	#lienBourgesImages{
		margin-top:3px;
	}
	
	#lienBourgesImages img{
		display:block;
		margin:0 0 0 -17px;
		padding:1px 0 0 0;
	}
	
	#lienPlan:hover, #lienBourgesImages:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#liensMairie{
		margin:0;
		border-left:1px solid #716b5c;
		width:159px;
	}
	
	.lienMairie{
		display:block;
		width:144px;
		padding:2px 0 2px 15px;
		text-decoration:none;
		border-top:1px solid #788582;
		border-bottom:1px solid #788582;
	}
	
	.lienMairieInactif{
		background-color:#f6f6f4;
		color:#444;
	}
	
	.lienMairieInactif:hover{
		background-color:#f4f7e6;
		color:#444;
	}
	
	.lienMairieActif{
		background-color:#e6ead1;
		color:#444;
	}
	
	#menuMairie{
		margin:0;
		padding:0 0 0 21px;
		list-style:none;
	}
	
	#menuMairie li{
		margin:4px 0 0 0;
	}
	
	#menuMairie li a{
		font-size:90%;
		color:#494643;
		text-decoration:none;
	}
	
	#menuMairie li a:hover{
		color:#788582;
	}
	
	#menuMairie li a.mairieActif{
		color:#494643;
		font-weight:bold;
	}
	
	#menuMairie li a.mairieActif:hover{
		color:#494643;
		font-weight:bold;
	}
	
	.cale2{
		height:14px;
	}
/* ========================== BARRE GAUCHE */



/* ========================== MILIEU */
	
	#milieu{
		float:left;
		width:600px;
		margin:23px 15px 0 0;
	}

	#chemin{
		color:#555;
		font-size:90%;
		margin:0 0 5px 0;
	}
	
	#chemin a{
		color:#222;
		text-decoration:none;
	}
	
	#chemin a:hover{
		text-decoration:underline;
	}
/* ========================== MILIEU */

/*------------------------------------------- tableau			
		/*les tableuses sont des styles utilisés pour les tableaux */

#tableuser {
	float:left;
	width:100%;
	margin-top:2px;
	text-align:center;
	color:#0000FF;
	font-style:normal;
}

#tableuser .header {
	background-color:#e9e3d4;
}

#tableuser .color1 {
	background-color:#FFFFFF;
}

#tableuser .color2 {
	background-color:#EEEEEE;
}

#tableuser .footer {
	background-color:#CCCCCC;
}

#tableuser .header:hover {
	cursor:default;
}

#tableuser .color1:hover {
	background-color:#DDDDDD;
	cursor:pointer;
}

#tableuser .color2:hover {
	background-color:#DDDDDD;
	cursor:pointer;
}

#tableuser .footer:hover {
	background-color:#DDDDDD;
	cursor:pointer;
}

#tabledetail {
	width:100%;
	margin-top:2px;
	text-align:center;
	color:#0000FF;
	font-style:normal;
}

#tabledetail .header {
	font-size:18px;
	background-color:#e9e3d4;
}

#tabledetail .color1 {
	background-color:#FFFFFF;
}

#tabledetail .color2 {
	background-color:#EEEEEE;
}

#tabledetail .header:hover {
	cursor:default;
}

#tabledetail .color1:hover {
	cursor:default;
}

#tabledetail .color2:hover {
	cursor:default;
}

#tabledetail a {
	color:#0000FF;
	text-decoration:underline;
}

#tabledetail a:visited {
	color:#0000FF;
	text-decoration:underline;
}

#tabledetail a:hover {
	color:#0000FF;
	text-decoration:underline;
}

/* ========================== DROITE */

	#droite{
		float:left;
		width:175px;
		margin:0 0 0 0;
		background-image:url(http://www.ville-bourges.fr/images/fond-barre-droite.gif);
		background-repeat:no-repeat;
	}

	#droiteContenu{
		margin:23px 0 0 0;
		width:174px;
		border-left:1px solid #716b5c;
	}
	
	#sortirBourges{
		border-left:11px solid #db1983;
		width:155px;
		padding:0 0 6px 8px;
	}
	
	#sortirBourges h1{
		margin:3px 0 0 0;
		font-size:100%;
		color:#a5296a;
		font-weight:normal;
	}
	
	#sortirBourges ul{
		margin:7px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	#sortirBourges ul li{
		margin:0 0 3px 0;
	}
	
	#sortirBourges ul li a{
		color:#db1983;
		text-decoration:none;
	}
	
	#sortirBourges ul li a:hover{
		color:#82154e;
	}
	
	#sortirBourges ul li a.sortirActif{
		color:#a5296a;
		text-decoration:none;
		font-weight:bold;
	}
	
	#sortirBourges ul li a.sortirActif:hover{
		color:#a5296a;
	}
	
	#rechercheAvancee{
		border-left:11px solid #a5296a;
		width:163px;
	}
	
	#rechercheAvanceeContenu{
		width:155px;
		height:65px;
		padding:5px 0 8px 8px;
		background-image:url(http://www.ville-bourges.fr/images/fond-recherche-avancee.gif);
		background-repeat:no-repeat;
		
	}
	
	#rechercheAvanceeContenu h2{
		margin:0;
		padding:0 0 4px 0;
		font-size:90%;
		font-weight:bold;
		color:#a5296a;
	}
	
	.rechercheAvanceeSelect{
		float:left;
		width:127px
	}
	
	#rechercheAvanceeContenu select{
		margin:2px 0 0 0;
		padding:0;
		width:127px;
		font-family:arial;
		font-size:11px;
		color:#444;
	}
	
	#okRechercheAvancee{
		float:left;
		width:22px;
		padding:0 0 0 6px;
	}
	
	#nouvelArrivant{
		display:block;
		width:146px;
		margin:15px 0 0 0;
		padding:0 0 0 19px;
		background-image:url(http://www.ville-bourges.fr/images/fond-nouvel-arrivant.gif);
		background-repeat:no-repeat;
		color:#444;
		text-decoration:none;
	}
	
	#nouvelArrivant.nouvelArrivantActif{
		color:#db1983;
	}
	
	#nouvelArrivant:hover{
		color:#db1983;
	}
	
	#nouvelArrivant img{
		display:block;
		width:165px;
		margin:0 0 0 -19px;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#nouvelArrivant:hover img{
		display:block;
		width:165px;
		margin:0 0 0 -19px;
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	
	#nouvelArrivant.nouvelArrivantActif:hover img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#liensBasDroite{
		border-top:1px solid #788582;
		width:165px;
	}
	
	.lienBasDroite{
		display:block;
		width:150px;
		padding:2px 0 2px 15px;
		text-decoration:none;
		border-bottom:1px solid #788582;
		background-color:#f6f6f4;
		color:#444;
	}
	
	.lienBasDroite:hover{
		background-color:#f4f7e6;
	}
	
	.lienBasDroiteActif{
		display:block;
		width:150px;
		padding:2px 0 2px 15px;
		text-decoration:none;
		border-bottom:1px solid #788582;
		background-color:#e6ead1;
		color:#444;
	}
	
	.lienBasDroiteActif:hover{
		background-color:#e6ead1;
	}
	
	.entreprisesAvaricum{
		display:block;
		width:150px;
		padding:2px 0 2px 15px;
		text-decoration:none;
		border-top:1px solid #788582;
		border-bottom:1px solid #788582;
		background-color:#e9e3d4;
		color:#444;
	}
	
	.entreprisesAvaricum:hover{
		background-color:#f4f7e6;
	}
	
	.entreprisesAvaricumActif{
		display:block;
		width:150px;
		padding:2px 0 2px 15px;
		text-decoration:none;
		border-top:1px solid #788582;
		border-bottom:1px solid #788582;
		background-color:#e6ead1;
		color:#444;
	}
	
	.entreprisesAvaricumActif:hover{
		background-color:#e6ead1;
	}
		
	
/* ========================== DROITE */



/* ========================== PIED */
	#pied{
		margin:19px 0 3px 0;
		font-size:90%;
		color:#8c8c8c;
	}
	
	#piedGauche{
		float:left;
		width:216px;
		padding:4px 0 0 0;
		border-top:1px solid #d6ddcc;
	}
	
	#piedGauche a{
		color:#8c8c8c;
		text-decoration:none;
	}
	
	#piedGauche a:hover{
		text-decoration:underline;
	}
	
	#piedDroite{
		float:left;
		width:760px;
		padding:4px 0 0 0;
		border-top:1px solid #d6ddcc;
		text-align:right;
	}
/* ========================== PIED */



/* ========================== CONTENUS TYPES */
	.contenuArrondiHaut{
		width:600px;
		height:10px;
		background-image:url(http://www.ville-bourges.fr/images/haut-contenu.gif);
		background-repeat:no-repeat;
	}
	
	.contenuArrondiBas{
		width:600px;
		height:10px;
		margin:0 0 15px 0;
		background-image:url(http://www.ville-bourges.fr/images/bas-contenu.gif);
		background-repeat:no-repeat;
	}
	
	.contenu{
		width:560px;
		padding:0 20px 1px 20px;
		background-image:url(http://www.ville-bourges.fr/images/fond-contenu.gif);
		background-repeat:repeat-y;
	}
	
	
	/* AFFICHAGE DES TITRES DE PAGE */
	.contenu h1{
		margin:0 0 14px 0;
		padding:4px 0 0 10px;
		border-left:12px solid #f8b400;
		color:#005189;
		font-weight:bold;
		font-size:140%;
	}
	
	.titreSortir, .rose{
		color:#bf0050;
	}
	
	.appuiTitre{
		font-size:70%;
		color:#0a1114;
		font-weight:bold;
		font-style:italic;
	}
	
	#titreAvecAncres{
		float:left;
		width:365px;
		margin:0 15px 0 0;
	}
	
	#conteneurListeAncres{
		float:left;
		width:180px;
	}
	
	.contenu ul.listeAncres, .contenu ul#listeAncres{
		margin:8px 0 0 0;
		padding:0 0 12px 0;
		list-style:none;
	}
	
	.contenu ul.listeLiens{
		margin:8px 0 0 0;
		padding:0 0 12px 0;
		list-style:none;
	}
	
	.contenu ul.listeLiens li{
		margin:0 0 2px 0;
		padding:0;
		background-image:none;
		color:#005189;
	}
	
	.contenu ul.listeLiens li a{
		text-decoration:none;
		color:#005189;
	}
	
	.contenu ul.listeLiens li a:hover{
		text-decoration:underline;
	}
	
	.contenu ul.listeAncres li, .contenu ul#listeAncres li{
		margin:0 0 2px 0;
		padding:0 0 0 13px;
		background-image:url(http://www.ville-bourges.fr/images/fleche-ancres.gif);
		background-repeat:no-repeat;
		background-position:0 4px;
	}
	
	#listeAncres li a, .listeAncres li a{
		text-decoration:none;
		color:#aa800d;
	}
	
	#listeAncres li a:hover, .listeAncres li a:hover{
		text-decoration:underline;
	}
	
	.contenu ul#sousMenu{
		margin:0 0 12px 23px;
		padding:0;
		list-style:none;
		color:#005189;
	}
	
	.contenu ul#sousMenu li{
		margin:0 0 2px 0;
		padding:0;
		background-image:none;
	}
	
	#sousMenu a{
		color:#005189;
		text-decoration:none;
	}
	
	#sousMenu a:hover{
		color:#005189;
		text-decoration:underline;
	}
	
	#titreVisuel{
		float:left;
		width:190px;
		margin:0 -10px 14px 0;
	}
	
	.encart{
		margin:0 0 0 0;
		padding:6px 14px 1px 14px;
		background-color:#f8b400;
	}
	/* AFFICHAGE DES TITRES DE PAGE */
	
	
	/* AFFICHAGE DES TEXTES */
	#ancres3colonnes{
		margin:0;
		padding:0;
	}
	
	.contenu p.ancresAlphabet{
		color:#aa800d;
		letter-spacing:1px;
	}
	
	.ancresMois{
		color:#bf0050;
		margin:0 0 7px 0;
	}
	
	.contenu p.ancresAlphabet a{
		color:#aa800d;
		text-decoration:none;
	}
	
	.contenu p.ancresAlphabet a:hover{
		text-decoration:underline;
	}
	
	.contenu p.ancresAlphabet a.ancreActive{
		color:#7a550f;
		text-decoration:none;
	}
	
	.ancresMois a{
		color:#db1983;
		text-decoration:none;
	}
	
	.ancresMois a:hover{
		text-decoration:underline;
	}
	
	.ancresMois a.ancreActive{
		color:#a5296a;
		text-decoration:none;
	}
	
	.contenu p.ancresAlphabet a.ancreActive:hover, .contenu p.ancresMois a.ancreActive:hover{
		text-decoration:none;
	}
	
	#ancres3colonnes td{
		width:175px;
		padding:0 15px 0 0;
		vertical-align:top;
	}
	
	.contenu h1.titreAncre, .contenu h2{
		margin:0 0 6px -20px;
		padding:0 0 0 20px;
		border-left:0;
		color:#aa800d;
		font-weight:bold;
		font-style:italic;
		font-size:140%;
		background-image:url(http://www.ville-bourges.fr/images/fleche-titre-ancre.gif);
		background-repeat:no-repeat;
		background-position:1px 2px;
	}
	
	.contenu h3{
		margin:0 0 7px 0;
		padding:0;
		font-size:120%;
		font-weight:bold;
	}
	
	.contenu p{
		margin:0 0 16px 0;
		padding:0;
	}
	
	.contenu p.centre, .centre{
		text-align:center;
	}
	
	.contenu p.margeNegative{
		margin:-13px 0 16px 0;
	}
	
	.contenu ol{
		margin-left:22px;
		margin-bottom:14px;
		margin-top:0;
		padding:0;
	}
	
	.contenu ul li{
		margin:0 0 2px 0; 
		padding:0 0 0 12px;
		background-image:url(http://www.ville-bourges.fr/images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
	}
	
	.contenu ol li{
		margin:0 0 2px 0; 
		padding:0;
		background-image:none;
	}
	
	.contenu ol li ul li{
		margin:0 0 2px 0; 
		padding:0 0 0 12px;
		background-image:url(http://www.ville-bourges.fr/images/puce.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
	}
	
	.contenu ul li ol li{
		margin:0 0 2px 0; 
		padding:0;
		background-image:none;
	}
	
	.contenu ul{
		margin:0 0 14px 0;
		padding:0;
		list-style:none;
	}
	
	.contenu ul.listePetiteMarge{
		margin:-10px 0 14px 0;
		padding:0;
		list-style:none;
	}
	
	.contenu ul li ul{
		margin:0 0 0 0;
		padding:0;
		list-style:none;
	}
	
	.texteInvisible{
		color:#f6f6f4;
	}
	/* AFFICHAGE DES TEXTES */
	
	
	/* AFFICHAGE DES LIENS */
	.lienPageSite{
		font-style:italic;
		color:#005189;
		text-decoration:none;
	}
	
	.lienPageSite:hover{
		font-style:italic;
		color:#005189;
		text-decoration:underline;
	}
	
	.lienPageExterne{
		color:#005189;
		text-decoration:none;
	}
	
	.lienPageExterne:hover{
		color:#005189;
		text-decoration:underline;
	}
	
	.lienPageArriere{
		color:#005189;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
	}
	
	.lienPageArriere:hover{
		text-decoration:underline;
	}
	/* AFFICHAGE DES LIENS */
	
	
	/* AFFICHAGE DES TABLEAUX */
	
	.conteneurTableau{
		margin:0 -10px 0 -10px;
	}
	
	.tableau{
		margin-bottom:16px;
	}
	
	.tableauCentre{
		margin:auto;
		margin-bottom:16px;
	}
	
	.tableau th{
		background-color:#e9e3d4;
		border-right:1px solid #e9e3d4;
		padding:5px;
	}
	
	.tableau td{
		border-right:1px solid #e9e3d4;
		padding:3px 5px 3px 5px;
		vertical-align:top;
	}
	
	.tableau th.derniereCellule, .tableau td.derniereCellule{
		border-right:0;
	}
	
	.ligne1{
		background-color:#f6f6f4;
	}
	
	.ligne2{
		background-color:#fff;
	}
	/* AFFICHAGE DES TABLEAUX */
	
	
	/* TRAITEMENT DES IMAGES */
	.imageAGauche{
		float:left;
		margin:5px 10px 4px -10px;
	}
	
	.imageAGauche2{
		float:left;
		margin:5px 10px 4px 0;
	}
	
	.imageADroite{
		float:right;
		margin:5px -10px 4px 10px;
	}
	
	.imageADroite2{
		float:right;
		margin:5px 0 5px 10px;
	}
	
	.contenu p.imageCentre{
		margin:0 0 6px 0;
		padding:0;
		text-align:center;
	}
	
	.contenu p.plusieursImagesCentrees{
		margin:0 0 3px 0;
		padding:0;
		text-align:center;
	}
	
	.contenu p.imagePanoramique{
		margin:0 -10px 6px -10px;
		padding:0;
	}
	
	.contenu p.imageGaucheDessus{
		margin:0 0 6px 0;
		padding:0;
	}
	
	.contenu p.plusieursImagesGaucheDessus{
		margin:0 0 3px 0;
		padding:0;
	}
	
	.contenu p.imageDroiteDessus{
		margin:0 0 6px 0;
		padding:0;
		text-align:right;
	}
	
	.contenu p.plusieursImagesDroiteDessus{
		margin:0 0 3px 0;
		padding:0;
		text-align:right;
	}
	
	.contenu p.paragraphePhotoDessous{
		margin:0 0 6px 0;
	}
	
	.contenu p.imagePanoramiqueDessous{
		margin:0 -10px 16px -10px;
	}
	
	.contenu p.imageCentreDessous{
		margin:0 0 16px 0;
		padding:0;
		text-align:center;
	}
	
	.contenu p.plusieursImagesCentreesDessous{
		margin:0 0 13px 0;
		padding:0;
		text-align:center;
	}
	
	.contenu p.imageGaucheDessous{
		margin:0 0 16px 0;
		padding:0;
	}
	
	.contenu p.plusieursImagesGaucheDessous{
		margin:0 0 13px 0;
		padding:0;
	}
	
	.contenu p.imageDroiteDessous{
		margin:0 0 16px 0;
		padding:0;
		text-align:right;
	}
	
	.contenu p.plusieursImagesDroiteDessous{
		margin:0 0 13px 0;
		padding:0;
		text-align:right;
	}
	
	.mapGauche{
		margin:0 0 0 -10px;
	}
	
	.mapDroite{
		margin:0 -10px 0 0;
	}
	
	.gaucheHaut{
		padding:0 15px 0 0;
		vertical-align:top;
	}
	
	.droiteHaut{
		padding:0 0 0 0;
		vertical-align:top;
	}
	
	.gaucheMilieu{
		padding:0 15px 0 0;
		vertical-align:middle;
	}
	
	.droiteMilieu{
		padding:0 0 0 0;
		vertical-align:middle;
	}
	
	.gaucheBas{
		padding:0 15px 0 0;
		vertical-align:bottom;
	}
	
	.droiteBas{
		padding:0 0 0 0;
		vertical-align:bottom;
	}
	/* TRAITEMENT DES IMAGES */
	
	
	.blocCoordonnees, .encartMarge{
		margin:0 0 16px 0;
	}
	
	.contenu p.paragrapheCoordonnees{
		margin:0 0 5px 0;
	}
	
	.contenu ul.listeCoordonnees, .contenu ul.listeCoordonnees{
		margin:0 0 4px 0;
	}
	
	.petitEncart{
		width:252px;
	}
	
	.retourHautPage{
		text-align:center;
		background-image:url(http://www.ville-bourges.fr/images/fleche-retour-haut-page.gif);
		background-repeat:no-repeat;
		background-position:center 0;
		padding:11px 0 0 0;
	}
	
	.retourHautPage a{
		color:#aa800d;
		font-weight:bold;
		text-decoration:none;
	}
	
	.retourHautPage a:hover{
		text-decoration:underline;
	}
	
	.barreVerte{
		width:100%;
		height:13px;
		background-color:#12a802;
	}
/* ========================== CONTENUS TYPES */



/* ========================== PAGE ACCUEIL */
	#focus{
		float:left;
		width:341px;
		height:191px;
		padding:10px 20px 0 20px;
		margin:0 18px 14px 0;
		background-image:url(images/fond-focus.gif);
		background-repeat:no-repeat;
	}
	
	#focus h1{
		margin:0 0 14px 0;
		padding:4px 0 0 10px;
		border-left:12px solid #f8b400;
		color:#005189;
		font-weight:bold;
		font-size:140%;
	}
	
	#titreInfosPourTous h1 a img{
		filter:alpha(opacity=100);
        -moz-opacity:1; 
        opacity:1;
	}
	
	#titreInfosPourTous h1 a:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	#focus p{
		margin:0 0 5px 0;
	}
	
	#infosPourTous{
		float:left;
		width:201px;
		padding:0 0 0 0;
		margin:0 0 14px 0;
	}
	
	#titreInfosPourTous{
		width:192px;
		padding:0 0 0 9px;
		margin:0;
		height:36px;
		background-image:url(http://www.ville-bourges.fr/images/fond-titre-infos-pour-tous.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
	
	#titreInfosPourTous h1{
		margin:0 0 0 0;
		padding:4px 0 0 0;
		border-left:12px solid #f8b400;
		color:#005189;
		font-weight:bold;
		font-size:140%;
	}
	
	#info{
		margin:4px 0 0 0;
		padding:14px 20px 0 20px;
		width:161px;
		height:147px;
		background-image:url(http://www.ville-bourges.fr/images/fond-info-pour-tous.gif);
		background-repeat:no-repeat;
	}
	
	#info h2{
		margin:0 0 6px 0;
		font-size:100%;
		text-align:center;
	}
	
	#info p{
		margin:0 0 5px 0;
		text-align:center;
	}
	
	.contenu p.enSavoirPlus, #focus p.enSavoirPlus{
		margin:-2px 0 5px 0;
		color:#716b5c;
		font-weight:bold;
		font-style:italic;
		text-align:right;
		font-size:90%;
	}
	
	.contenu p.enSavoirPlus a, #focus p.enSavoirPlus a{
		color:#716b5c;
		text-decoration:none;
	}
	
	.contenu p.enSavoirPlus a:hover, #focus p.enSavoirPlus a:hover{
		text-decoration:underline;
	}
/* ========================== PAGE ACCUEIL */



/* ========================== ACCUEIL CULTURE & LOISIRS */
	#cultureLoisirs{
		width:600px;
		background-image:url(http://www.ville-bourges.fr/images/fond-culture-loisirs.jpg);
		background-repeat:no-repeat;
	}
	
	#economie{
		width:600px;
		background-image:url(http://www.ville-bourges.fr/images/fond-economie.jpg);
		background-repeat:no-repeat;
	}
	
	#sports{
		width:600px;
		background-image:url(http://www.ville-bourges.fr/images/fond-sports.jpg);
		background-repeat:no-repeat;
	}

	#enseignement{
		width:600px;
		background-image:url(http://www.ville-bourges.fr/images/fond-enseignement.jpg);
		background-repeat:no-repeat;
	}

	#tourisme{
		width:600px;
		background-image:url(http://www.ville-bourges.fr/images/fond-tourisme.jpg);
		background-repeat:no-repeat;
	}

	#patrimoine{
		width:600px;
		background-image:url(http://www.ville-bourges.fr/images/fond-patrimoine.jpg);
		background-repeat:no-repeat;
	}
	
	#environnement{
		width:600px;
		background-image:url(http://www.ville-bourges.fr/images/fond-environnement.jpg);
		background-repeat:no-repeat;
	}
	
	#urbanisme{
		width:600px;
		background-image:url(http://www.ville-bourges.fr/images/fond-urbanisme.jpg);
		background-repeat:no-repeat;
	}	

	#presentation{
		width:600px;
		background-image:url(http://www.ville-bourges.fr/images/fond-presentation.jpg);
		background-repeat:no-repeat;
	}	
	
	#cultureLoisirsGauche{
		float:left;
		width:280px;
		height:322px;
		margin:0 20px 0 0;
	}
	
	#economieGauche{
		float:left;
		width:280px;
		height:422px;
		margin:0 20px 0 0;
	}
	
	#cultureLoisirsDroite{
		float:left;
		width:300px;
		height:322px;
		margin:0 0 0 0;
	}
	
	#cultureLoisirsDroite h1{
		margin:0 0 14px 0;
		padding:4px 0 0 10px;
		border-left:12px solid #f8b400;
		color:#005189;
		font-weight:bold;
		font-size:140%;
	}
	
	
	#cultureLoisirsDroite p{
		margin:0 0 16px 0;
		padding:0;
	}
	
	#cultureLoisirsDroite p.couleurManifestations{
		margin:10px 0 16px 0;
		padding:0;
		color:#a5296a;
	}
	
	h1.titreCultureLoisirs{
		margin:0;
		padding:0;
	}
	
	#visuelCulture2{
		margin:29px 0 0 0;
		padding:0 0 29px 0;
	}
/* ========================== ACCUEIL CULTURE & LOISIRS */



/* ========================== LETTRE DU MAIRE */
	.appuiTitreNewsletter{
		font-size:70%;
		font-weight:bold;
		font-style:italic;
	}
	
	#introNewsletter{
		margin:0 0 0 -10px;
	}
	
	#photoMaireNewsletter{
		float:left;
		width:110px;
	}
	
	#nNewsletter{
		width:110px;
		background-color:#86a2b3;
		color:#fff;
		padding:1px 0 2px 0;
		margin:0 0 16px 0;
		text-align:center;
	}
	
	#texteIntroNewsletter{
		float:left;
		width:455px;
	}
	
	.contenu h3.sousTitreNewsletter{
		margin:0 0 7px 0;
		padding:0 0 0 12px;
		font-size:120%;
		font-weight:bold;
		color:#aa800d;
	}
	
	.contenu h3.sousTitreNewsletter2{
		margin:0 0 7px 0;
		padding:0 0 0 0;
		font-size:120%;
		font-weight:bold;
		color:#aa800d;
	}
	
	.contenu p.texteIntroNewsletter{
		margin:0 0 0 0;
		padding:0 0 0 12px;
		color:#aa800d;
		font-weight:bold;
		font-style:italic;
	}
	
	.newsletterBas{
		width:600px;
		height:84px;
		background-image:url(http://www.ville-bourges.fr/images/bas-newsletter.gif);
		background-repeat:no-repeat;
	}
	
	#lettrePrecedente{
		float:left;
		width:380px;
		padding:0 0 0 22px;
		margin:27px 0 0 0;
		color:#716b5c;
	}
	
	#lettrePrecedente a{
		color:#716b5c;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
	}
	
	#lettrePrecedente a:hover{
		text-decoration:underline;
	}
	
	#abonnerLettre{
		float:left;
		width:190px;
		margin:3px 0 0 0;
	}
	
	#abonnerLettre a{
		display:block;
		width:190px;
		height:55px;
		padding:25px 0 0 0;
		background-image:url(http://www.ville-bourges.fr/images/visuel-abonner-newsletter.gif);
		background-repeat:no-repeat;
		background-position:144px 0;
		color:#d39617;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
	}
	
	#abonnerLettre a:hover{
		text-decoration:underline;
	}
/* ========================== LETTRE DU MAIRE */

	

/* ========================== BIENNALE */
	#colonnneDroiteBiennale{
		float:right;
		width:190px;
		margin:0 0 0 10px;
		background-color:#e6e2d3;
	}

	.titreColonneDroiteBiennale{
		margin:0 0 12px 0;
	}
	
	.contenu ul li.itemListeExpos{
		margin:0 5px 2px 5px; 
		padding:0 0 0 12px;
		background-image:url(http://www.ville-bourges.fr/images/puce-liste-expos.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		color:#000;
		font-size:90%;
	}
	
	.contenu ul li.itemListeExpos2{
		margin:0 5px 4px 5px; 
		padding:0 0 0 12px;
		background-image:url(http://www.ville-bourges.fr/images/puce-liste-expos2.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		color:#000;
		font-size:90%;
	}
	
	.pdfExpo{
		color:#626060;
	}
	
	.contenu ul li.itemListeExpos a{
		color:#000;
		font-size:110%;
		font-weight:bold;
		text-decoration:none;
	}
	
	.contenu ul li.itemListeExpos a:hover{
		text-decoration:underline;
	}
	
	.contenu ul li.itemListeExpos2 a{
		color:#aa800d;
		font-size:110%;
		font-weight:bold;
		text-decoration:none;
	}
	
	.contenu ul li.itemListeExpos2 a:hover{
		text-decoration:underline;
	}
	
	.contenu p.visuelBiennale{
		margin:0;
	}
	
	.contenu p.paragrapheBiennale{
		padding:0 5px 0 5px;
		font-size:90%;
	}
/* ========================== BIENNALE */


/* ========================== TELECHARGEMENT */
	.contenu h2.telechargement{
		margin:0 -20px 0 -20px;
		padding:0 0 0 10px;
		border-left:0;
		color:#aa800d;
		font-weight:bold;
		font-style:italic;
		font-size:140%;
		background-image:url(http://www.ville-bourges.fr/images/fleche-titre-ancre.gif);
		background-repeat:no-repeat;
		background-position:1px 8px;
	}
	
	.zoneTelechargement{
		background-color:#e6e2d3;
		margin:0 -10px -10px -10px;
		padding:10px 10px 10px 10px;
		width:560px;
	}
	
	.contenu ul li.listeTelechargementItem{
		margin:0 5px 2px 5px; 
		padding:0 0 0 12px;
		background-image:url(http://www.ville-bourges.fr/images/puce-liste-expos.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		color:#000;
		font-size:90%;
	}
	
	.contenu ul li.listeTelechargementItem a{
		color:#000;
		font-size:110%;
		font-weight:bold;
		text-decoration:none;
	}
	
	.contenu ul.listeTelechargement{
		border-bottom:1px solid #fff;
		padding:0 0 8px 0;
		margin:0 0 8px 0;
	}
	
	.contenu ul li.listeTelechargementItem a:hover{
		text-decoration:underline;
	}
	
	.contenu h3.dore{
		color:#aa800d;
		font-size:110%;
		margin:0 0 4px 0;
	}
/* ========================== TELECHARGEMENT */

	.survolOpacite img{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.survolOpacite:hover img{
		filter:alpha(opacity=70); 
        -moz-opacity:0.7; 
        opacity:0.7;
	}
	
	
	
