/* CSS Document */

	
/* ========================== STYLES GENERAUX */	
	body{
		background-color:#fff;
		font-family:arial;
		font-size:12px;
		color:#0a1114;
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	#global{
		width:976px;
		margin:auto;
		position:relative;
	}
/* ========================== STYLES GENERAUX */



/* ========================== ENTETE */
	#photoEntete{
		display:none;
	}
	
	#entete{
		width:630px;
	}
	
	.fond1{
		
	}
	
	.fond2{
		
	}
	
	#enteteGauche{
		width:630px;
	}
	
	#logo{
		padding:11px 0 0 19px;
		display:none;
	}
	
	#logoImpression{
		display:block;
		text-align:center;
	}
	
	#date{
		display:none;
	}
	
	#enteteMilieu{
		display:none;
	}
	
	#enteteMenu{
		display:none;
	}
	
	.menu1, .menu2{
		display:none;
	}
	
	.clearMenu{
		display:none;
	}
	
	#enteteDroite{
		display:none;
	}
/* ========================== ENTETE */



/* ========================== BARRE GAUCHE */
	#gauche{
		display:none;
	}
/* ========================== BARRE GAUCHE */



/* ========================== MILIEU */
	#milieu{
		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 */



/* ========================== DROITE */
	#droite{
		display:none;
	}
/* ========================== DROITE */



/* ========================== PIED */
	#pied{
		display:none;
	}
/* ========================== PIED */



/* ========================== CONTENUS TYPES */
	.contenuArrondiHaut{
		display:none;
	}
	
	.contenuArrondiBas{
		display:none;
	}
	
	.contenu{
		width:600px;
	}
	
	/* 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(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 0 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 0;
		padding:0 0 0 20px;
		border-left:0;
		color:#aa800d;
		font-weight:bold;
		font-style:italic;
		font-size:140%;
		background-image:url(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(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(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 0 0 0;
	}
	
	.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 0;
	}
	
	.imageAGauche2{
		float:left;
		margin:5px 10px 4px 0;
	}
	
	.imageADroite{
		float:right;
		margin:5px 0 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 0 6px 0;
		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 0 16px 0;
	}
	
	.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 0;
	}
	
	.mapDroite{
		margin:0 0 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{
		display:none;
	}
	
	.barreVerte{
		width:100%;
		height:13px;
		background-color:#12a802;
	}
/* ========================== CONTENUS TYPES */



/* ========================== PAGE ACCUEIL */
	#focus{
		float:left;
		width:341px;
		padding:10px 20px 0 0;
		margin:0 18px 14px 0;
	}
	
	#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;
	}
	
	#titreInfosPourTous h1{
		margin:0 0 0 0;
		padding:4px 0 0 10px;
		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;
	}
	
	#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(images/fond-culture-loisirs.jpg);
		background-repeat:no-repeat;
	}
	
	#economie{
		width:600px;
		background-image:url(images/fond-economie.jpg);
		background-repeat:no-repeat;
	}
	
	#sports{
		width:600px;
		background-image:url(images/fond-sports.jpg);
		background-repeat:no-repeat;
	}

	#enseignement{
		width:600px;
		background-image:url(images/fond-enseignement.jpg);
		background-repeat:no-repeat;
	}

	#tourisme{
		width:600px;
		background-image:url(images/fond-tourisme.jpg);
		background-repeat:no-repeat;
	}

	#patrimoine{
		width:600px;
		background-image:url(images/fond-patrimoine.jpg);
		background-repeat:no-repeat;
	}
	
	#environnement{
		width:600px;
		background-image:url(images/fond-environnement.jpg);
		background-repeat:no-repeat;
	}
	
	#urbanisme{
		width:600px;
		background-image:url(images/fond-urbanisme.jpg);
		background-repeat:no-repeat;
	}	

	#presentation{
		width:600px;
		background-image:url(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 0;
	}
	
	#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{
		display:none;
	}
/* ========================== LETTRE DU MAIRE */

	
/* ========================== RENCONTREZ VOS ELUS */	
	.contenu h3.intituleTableauElu{
		width:577px;
		margin:0 0 0 0;
		padding:2px 0 2px 13px;
		font-size:100%;
		font-weight:bold;
		background-color:#e8e3d3;
	}
	
	.plusPetit{
		font-size:90%;
	}
	
	.tableau td.celluleElus1{
		width:129px;
	}
	
	.tableau td.celluleElus2{
		width:78px;
	}
	
	.tableau td.celluleElus3{
		width:73px;
	}
	
	.tableau td.celluleElus4{
		width:40px;
	}
	
	.tableau td.celluleElus5{
		width:207px;
	}
/* ========================== RENCONTREZ VOS ELUS */



/* ========================== 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(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(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 0 0 0;
		padding:0 0 0 0;
		border-left:0;
		color:#aa800d;
		font-weight:bold;
		font-style:italic;
		font-size:140%;
		background-image:url(images/fleche-titre-ancre.gif);
		background-repeat:no-repeat;
		background-position:1px 8px;
	}
	
	.zoneTelechargement{
		background-color:#e6e2d3;
		margin:0 0 0 0;
		padding:10px 10px 10px 10px;
		width:560px;
	}
	
	.contenu ul li.listeTelechargementItem{
		margin:0 5px 2px 5px; 
		padding:0 0 0 12px;
		background-image:url(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;
	}