/**
 *  Client : Ville de Fouesnant-les Glénan
 *  Projet : OUE451 - Refonte du portail web de la ville
 *           Site des Balnéides 
 *  Auteur : Julien Bodet
 *
 *  Fonctionnalité : Fichier de style css des pages intérieures du site des Balnéides
 */

/*--------------------
   Variables globales
 ---------------------*/


  body {
  	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:62.5%;
	color: #000000; background: #ffffff url('../images/fond-int.gif') repeat-x top left;
	text-align: center;
  }

  form { margin: 0; padding: 0; }

  img{ border-width: 0px; }

  div#page {
	width: 942px;
	margin-top: 16px; margin-left: auto; margin-right: auto;
	background: url('../images/middle-int.gif') repeat-y top left;
	text-align: left;
  }
  div#inner-page {
  	position: relative;
	width: 942px;
	margin: 0; padding: 0;
	background: url('../images/haut-int.gif') no-repeat top left;
	text-align: left;
  }

  br.clear {
  	clear: both;
  }


/*----------------------------------------------------------------------------------------------------------------
				Entête
----------------------------------------------------------------------------------------------------------------*/

/*--------------------
   Header
 ---------------------*/

 div#header {
	margin: 0px 0px 10px 0px; padding: 0;
	}
	div#header img.logo {
		float: left;
		margin: 15px 0px 0px 17px; padding: 0;
		border: none;
	}
	div#header h1 {
		float: left;
		display: block; overflow: hidden;
		width: 388px; height: 41px;
		text-indent: -100em;
		margin: 20px 200px 0px 120px; padding: 0;
		_margin-left: 82px;
		background: url('../images/logo-balneides-baseline.gif') no-repeat bottom right;
		
	}

	div#header p.telephone {
		float: left;
		margin: 0; padding: 0px 0px 0px 125px;
		font-size: 1.1em;
		color: #0873B8;
	}
		div#header p.telephone span.bld {
			color: #0873B8;
			font-weight: bold;
		}
		div#header p.telephone a, div#header p.telephone a:link, div#header p.telephone a:visited {
			color: #0873B8;
			text-decoration: none;
		}
		div#header p.telephone a:hover, div#header p.telephone a:hover span {
			color: #EF8600;
		}
		div#header p.telephone a.orange, div#header p.telephone a.orange:link, div#header p.telephone a.orange:visited {
			color: #0873B8;
			text-decoration: none;
		}
		div#header p.telephone a:hover, div#header p.telephone a.orange:hover {
			color: #EF8600;
		}






	div#header div.bandeau {
		margin: 0px 9px 0px 9px; padding: 0;
		width: 918px;
	}
		div#header div.bandeau img {
			margin: 0px 0px 1px 0px;
		}
		div#header div.bandeau div.bandeau-menu {
			margin: 0; padding: 0;
			height: 1%;
			background: #7CC600 url('../images/onglet-bandeau-int.gif') no-repeat bottom left;
		}
			div#header div.bandeau ul {
				margin: 0px 0px 0px 170px; padding: 0;
			}
				div#header div.bandeau ul li {
					display: inline;
					margin: 0; padding: 0;
					font-size: 1.1em; font-weight: bold;
					color: #FFFFFF;
					list-style: none;
				}
					div#header div.bandeau ul li a,
					div#header div.bandeau ul li a:link,
					div#header div.bandeau ul li a:visited {
						float: left;
						margin: 0; padding: 5px 13px 5px 13px;
						color: #FFFFFF;
						text-decoration: none;
						border-left: 1px solid #7CC600;
						border-right: 1px solid #7CC600;
					}
						div#header div.bandeau ul li.current a,
						div#header div.bandeau ul li.current a:link,
						div#header div.bandeau ul li.current a:visited {
							background: #068AA1;
							border-left: 1px solid #FFFFFF;
							border-right: 1px solid #FFFFFF;
						}
					div#header div.bandeau ul li a:hover {
						background: #068AA1;
						border-left: 1px solid #FFFFFF;
						border-right: 1px solid #FFFFFF;
					}


/*----------------------------------------------------------------------------------------------------------------
				COLONNE DE GAUCHE
----------------------------------------------------------------------------------------------------------------*/

  div#colonne-gauche {
  	float: left;
  	margin: 0px 10px 0px 12px; padding: 30px 0px 194px 0px;
  	_margin-left: 5px;
  	_margin-right: 0px;
  	width: 175px;
  	background: url('../images/fond-colonne-gauche-int.gif') no-repeat bottom left;
  }

  	div#colonne-gauche ul {
  		margin: 0; padding: 0;
  	}
  		div#colonne-gauche ul li {
	  		margin: 0; padding: 0;
	  		width: 154px;
	  		list-style: none;
	  	}

	  		div#colonne-gauche ul li a,
	  		div#colonne-gauche ul li a:link,
	  		div#colonne-gauche ul li a:visited {
	  			display: block;
                margin: 0px 0px 3px 0px; padding: 0px 0px 0px 12px;
                _margin: 0px 0px 0px 0px;
                @margin: 0px;
	  			line-height: 20px;
	  			font-size: 1.1em; font-weight: bold;
	  			color: #FFFFFF;
	  			background: url('../images/onglet-rubrique-int.gif') no-repeat top left;
	  			text-decoration: none;
	  		}

	  		div#colonne-gauche ul li.current a,
	  		div#colonne-gauche ul li.current a:link,
	  		div#colonne-gauche ul li.current a:visited,
	  		div#colonne-gauche ul li a:hover {
	  			color: #FFFFFF;
	  			background: url('../images/onglet-rubrique-int.gif') no-repeat bottom left;
	  		}

	  	div#colonne-gauche ul li ul {
	  		margin: 0px 0px 10px 12px; padding: 0;
	  	}
	  		div#colonne-gauche ul li ul li {
		  		margin: 0; padding: 0;
		  		list-style: none;
		  	}

		  		div#colonne-gauche ul li ul li a,
		  		div#colonne-gauche ul li ul li a:link,
		  		div#colonne-gauche ul li ul li a:visited,
		  		div#colonne-gauche ul li.current ul li a,
		  		div#colonne-gauche ul li.current ul li a:link,
		  		div#colonne-gauche ul li.current ul li a:visited {
		  			margin: 0; padding: 0;
		  			line-height: 1.4em;
		  			font-size: 1.1em; font-weight: normal;
		  			color: #5A5A5A;
		  			background: none;
		  		}

		  			div#colonne-gauche ul li ul li.current a,
		  			div#colonne-gauche ul li ul li.current a:link,
		  			div#colonne-gauche ul li ul li.current a:visited,
		  			div#colonne-gauche ul li.current ul li.current a,
		  			div#colonne-gauche ul li.current ul li.current a:link,
		  			div#colonne-gauche ul li.current ul li.current a:visited {
		  				padding-left: 15px;
		  				font-weight: bold;
		  				color: #34B8E4;
		  				background: url('../images/fleche-bleue-2.gif') no-repeat top left;
		  			}

		  		div#colonne-gauche ul li.current ul li a:hover,
		  		div#colonne-gauche ul li ul li a:hover {
		  			color: #EF8600;
		  		}

/*----------------------------------------------------------------------------------------------------------------
				COLONNE DE DROITE
----------------------------------------------------------------------------------------------------------------*/

  div#colonne-droite {
  	float: left;
  	margin: 0; padding: 10px 0px 0px 0px;
  	width: 745px;
  	_width: 750px;
  }

/*--------------------
   Fil d'ariane
 ---------------------*/

  div.ariane {
  	float: left;
  	margin: 0px 10px 0px 0px; padding: 5px 0px 5px 0px;
  	/* MANTIS 48 - JBO - 04/09/07 - Diminution largeur >>> */
  	width: 540px;
  	/* MANTIS 48 - JBO - 04/09/07 - Diminution largeur <<< */
  }
  	div.ariane ul {
  		display: inline;
  		margin: 0; padding: 0;
  	}
  		div.ariane ul li {
	  		display: inline;
	  		margin: 0; padding: 0;
	  		color: #6D6D6D;
	  	}

	  		div.ariane ul li a,
	  		div.ariane ul li a:link,
	  		div.ariane ul li a:visited {
	  			color: #6D6D6D;
	  			text-decoration: none;
	  		}
	  		div.ariane ul li a:hover {
	  			color: #EF8600;
	  		}

/*--------------------
   Rechercher
 ---------------------*/

 div.rechercher {
 	float: left;
	margin: 0; padding: 0;
	width: 160px;
	}

	div.rechercher label {
		margin: 0; padding: 2px;
		font-size: 1em;
		color: #858585;
	}
	div.rechercher input.text {
		margin: 0; padding: 1px 2px 1px 2px;
		width: 105px;
		font-size: 1em;
		color: #858585;
		border: 1px solid #B2B2B2;
	}
	div.rechercher input.submit {
		margin: 0; padding: 1px 2px 0px 2px;
		width: 27px;
		font-size: 1em; font-weight: bold;
		color: #FFFFFF;
		background: url('../images/btn-ok.gif') no-repeat bottom left;
		border: none;
		text-transform: uppercase;
	}

/*--------------------
   Envoyer a un ami
 ---------------------*/

 div.envoyerami {
	margin: 0; padding: 0;
	width: 160px;
	}

	div.envoyerami label {
		margin: 0; padding: 2px;
		font-size: 1em;
		color: #A69688;
	}
	div.envoyerami input.text {
		margin: 0; padding: 2px 2px 2px 2px;
		width: 145px;
		font-size: 1em;
		color: #584634;
		border: 1px solid #A69688;
	}

	div.envoyerami input.textarea {
		margin: 0; padding: 2px 2px 2px 2px;
		width: 145px;
		height: 70px;
		font-size: 1em;
		color: #584634;
		border: 1px solid #A69688;
	}

	div.envoyerami input.submit {
		margin: 0; padding: 1px 2px 0px 2px;
		width: auto;
		font-size: 1em; font-weight: bold;
		color: #FFFFFF;
		background-color: #c349a1;
		border: none;
		text-transform: uppercase;
	}

 div.erreur {
    font-style: italic;
    color: red;
 }
 
/*--------------------
   Texte
 ---------------------*/

 div.texte {
	margin: 0; padding: 10px 20px 5px 0px;
	}

	div.texte div.colonne-droite {
		float: right;
		margin: 0px 0px 0px 20px; padding: 5px 0px 0px 0px;
		width: 160px;
	}
		div.texte div.colonne-droite div.picto {
			margin: 0; padding: 0px 0px 0px 5px;
		}
		div.texte div.colonne-droite div.inner {
			margin: 0px 0px 10px 0px; padding: 15px 0px 5px 5px;
			border-top: 1px solid #F7C27F;
			border-bottom: 1px solid #F7C27F;
		}
			div.texte div.colonne-droite div.inner h2 {
				margin: 0px 0px 5px 0px; padding: 0;
				width: 150px; height: 20px; overflow: hidden;
				font-size: 1.3em; font-weight: normal;
				color: #EF8600;
				text-transform: uppercase; text-indent: -100em;
			}
				div.texte div.colonne-droite div.inner h2.sommaire {
					background: url('../images/titre-au-sommaire.gif') no-repeat top left;
				}
				div.texte div.colonne-droite div.inner h2.service {
					background: url('../images/titre-votre-service.gif') no-repeat top left;
				}
				div.texte div.colonne-droite div.inner h2.documents {
					background: url('../images/titre-documents-utiles.gif') no-repeat top left;
				}
				div.texte div.colonne-droite div.inner h2.allerplusloin {
					background: url('../images/titre-pour-aller-plus-loin.gif') no-repeat top left;
				}

			div.texte div.colonne-droite div.inner ul {
				margin: 0px 0px 20px 5px; padding: 0;
			}
				div.texte div.colonne-droite div.inner ul li {
					margin: 0; padding: 0;
					font-size: 1.1em;
					color: #5C5855;
					list-style: none;
				}
					div.texte div.colonne-droite div.inner ul li a,
					div.texte div.colonne-droite div.inner ul li a:link,
					div.texte div.colonne-droite div.inner ul li a:visited {
						color: #5C5855;
						text-decoration: none;
					}
					div.texte div.colonne-droite div.inner ul li a:hover {
						color: #EF8600;
					}

			div.texte div.colonne-droite div.inner ul.menu-bleu {
				margin: 0px 0px 10px 5px; padding: 0;
			}
				div.texte div.colonne-droite div.inner ul.menu-bleu li {
					display: inline;
					margin: 0; padding: 0px 2px 0px 2px;
					font-size: 1em; font-weight: bold;
					color: #006685;
					list-style: none;
					text-transform: uppercase;
					border-right: 1px solid #006685;
				}
					div.texte div.colonne-droite div.inner ul.menu-bleu li.last {
						border-right: none;
					}

					div.texte div.colonne-droite div.inner ul.menu-bleu li a,
					div.texte div.colonne-droite div.inner ul.menu-bleu li a:link,
					div.texte div.colonne-droite div.inner ul.menu-bleu li a:visited {
						color: #006685;
						text-decoration: none;
					}
					div.texte div.colonne-droite div.inner ul.menu-bleu li a:hover {
						color: #CCE0E7;
					}

		div.texte div.colonne-droite div.inner div.menus-actions {
			margin: 0px 0px 0px 0px; padding: 0;
		}
			div.texte div.colonne-droite div.inner div.menus-actions ul {
				margin: 0; padding: 0;
			}
				div.texte div.colonne-droite div.inner div.menus-actions ul li {
					display: inline;
					margin: 0; padding: 0;
					list-style: none;
				}
					div.texte div.colonne-droite div.inner div.menus-actions ul li a,
					div.texte div.colonne-droite div.inner div.menus-actions ul li a:link,
					div.texte div.colonne-droite div.inner div.menus-actions ul li a:visited {
						float: left;
						display: block;
						width: 39px; height: 39px;
						margin: 0px 3px 5px 3px; padding: 0;
						text-decoration: none;
					}
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.kioske,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.kioske:link,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.kioske:visited {
							background: url('../images/btn-action-1-int.gif') no-repeat top left;
						}
							div.texte div.colonne-droite div.inner div.menus-actions ul li a.kioske:hover {
								background: url('../images/btn-action-1-int.gif') no-repeat bottom left;
							}

                        div.texte div.colonne-droite div.inner div.menus-actions ul li a.travaux,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.travaux:link,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.travaux:visited {
							background: url('../images/btn-action-2-int.gif') no-repeat top left;
						}
							div.texte div.colonne-droite div.inner div.menus-actions ul li a.travaux:hover {
								background: url('../images/btn-action-2-int.gif') no-repeat bottom left;
							}

						div.texte div.colonne-droite div.inner div.menus-actions ul li a.collecte,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.collecte:link,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.collecte:visited {
							background: url('../images/btn-action-3-int.gif') no-repeat top left;
						}
							div.texte div.colonne-droite div.inner div.menus-actions ul li a.collecte:hover {
								background: url('../images/btn-action-3-int.gif') no-repeat bottom left;
							}

						div.texte div.colonne-droite div.inner div.menus-actions ul li a.webcams,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.webcams:link,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.webcams:visited {
							background: url('../images/btn-action-4-int.gif') no-repeat top left;
						}
							div.texte div.colonne-droite div.inner div.menus-actions ul li a.webcams:hover {
								background: url('../images/btn-action-4-int.gif') no-repeat bottom left;
							}

						div.texte div.colonne-droite div.inner div.menus-actions ul li a.scolaire,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.scolaire:link,
						div.texte div.colonne-droite div.inner div.menus-actions ul li a.scolaire:visited {
							background: url('../images/btn-action-5-int.gif') no-repeat top left;
						}
							div.texte div.colonne-droite div.inner div.menus-actions ul li a.scolaire:hover {
								background: url('../images/btn-action-5-int.gif') no-repeat bottom left;
							}

			div.texte div.colonne-droite div.inner div.menus-actions p {
				clear: both;
				margin: 0; padding: 5px 0px 5px 0px;
				font-size: 1.1em;
				color: #00688D;
				text-align: center;
			}

/*--------------------
   formulaire
 ---------------------*/

 div.formulaire {
 	display: block;
	margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px;
	width: 517px;
	background: #CDC7C2 url('../images/formulaire-haut.gif') no-repeat top left;
	}
	div.formulaire p {
		margin: 0px 0px 0px 0px ! important; padding: 5px 50px 5px 50px ! important;
		background: url('../images/formulaire-bas.gif') no-repeat bottom left;
	}
		div.formulaire p label {
			font-weight: bold;
		}
		div.formulaire p input.txt {
			margin: 0; padding: 2px;
			font-size: 1.1em;
			border: 1px solid #5A5A5A;
		}
		div.formulaire p input.submit {
			margin: 0; padding: 0;
			width: 99px; height: 26px;
			font-size: 1.4em; font-weight: bold;
			color: #FFFFFF;
			background: url('../images/btn-formulaire.gif') no-repeat bottom left;
			border: none;
			vertical-align: middle;
		}

/*--------------------
   calendrier
 ---------------------*/

 div.calendrier {
 	position: relative;
	margin: 0; padding: 3px 0px 15px 5px;
	width: 511px;
	background: url('../images/calendrier-haut.gif') no-repeat top left;
	}
	div.calendrier ul.pagination {
		position: absolute; top: 5px; left: 465px;
		margin: 0px 0px 0px 0px !important;
	}
		div.calendrier ul.pagination li.precedent a,
		div.calendrier ul.pagination li.precedent a:link,
		div.calendrier ul.pagination li.precedent a:visited {
			padding-right: 5px !important;
			width: 13px !important; height: 13px !important;
			background: url('../images/pagination-left-calendrier.gif') no-repeat top left !important;
			border-right: 1px solid #FFFFFF;
		}
			div.calendrier ul.pagination li.precedent a:hover {
				background: url('../images/pagination-left-calendrier.gif') no-repeat bottom left !important;
			}

		div.calendrier ul.pagination li.suivant a,
		div.calendrier ul.pagination li.suivant a:link,
		div.calendrier ul.pagination li.suivant a:visited {
			width: 13px !important; height: 13px !important;
			background: url('../images/pagination-right-calendrier.gif') no-repeat top left !important;
		}
			div.calendrier ul.pagination li.suivant a:hover {
				background: url('../images/pagination-right-calendrier.gif') no-repeat bottom left !important;
			}

	div.calendrier h2 {
		margin: 0px 0px 10px 0px; padding: 0px 0px 0px 5px;
		font-size: 1.4em; font-weight: bold;
		color: #FFFFFF;
	}
	div.calendrier h3 {
		padding-left: 15px !important;
		background: url('../images/puce-orange.gif') no-repeat center left;
		text-transform: uppercase;
	}
		div.calendrier p a,
		div.calendrier p a:link,
		div.calendrier p a:visited {
			font-weight: bold !important;
			color: #6CB700 ! important;
		}
		div.calendrier p a:hover {
			color: #EF8600 ! important;
		}

	div.calendrier p.plus {
		margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;
		font-size: 1.2em;
		color: #EC7900;
		text-align: right;
	}
		div.calendrier p.plus a,
		div.calendrier p.plus a:link,
		div.calendrier p.plus a:visited {
			font-weight: bold !important;
			color: #EC7900 ! important;
			text-decoration: underline ! important;
		}
		div.calendrier p.plus a:hover {
			color: #EF8600 ! important;
		}

	div.calendrier div.et-aussi {
		float: right;
		margin: 0px 5px 10px 10px; padding: 0;
		width: 162px;
		background: #E6E3E1;
	}
		div.calendrier div.et-aussi div.bas-et-aussi {
			margin: 0; padding: 0;
			width: 162px; height: 11px;
			font-size: 1px;
			background: url('../images/calendrier-etaussi-bas.gif') no-repeat top left;
		}
		div.calendrier div.et-aussi h4 {
			display: block; overflow: hidden;
			margin: 0; padding: 0;
			width: 162px; height: 30px;
			font-size: 1.6em; font-weight: normal;
			color: #EC7900;
			background: url('../images/calendrier-etaussi-haut.gif') no-repeat bottom left;
			text-indent: -100em;
		}
		div.calendrier div.et-aussi p {
			margin: 0px 10px 10px 10px; padding: 0;
		}

/*--------------------
   Plan de la ville (et carte interactive)
 ---------------------*/

 div.plan-ville {
 	clear: both;
	margin: 0; padding: 5px 10px 5px 0px;
	text-align: center;
	}

	div.plan-ville img {
		border: none;
	}

/*--------------------
   TEXTE
 ---------------------*/
    div.texte div.texte-content {
		width: 522px;
	}
	div.texte h1 {
		margin: 0px 0px 15px 0px; padding: 0;
		font-size: 1.6em;
		color: #EF8600;
	}
		div.texte h1.orange {
			color: #EF8600;
		}
	div.texte h3 {
		margin: 0; padding: 0;
		font-size: 1.1em;
		color: #EF8600;
	}
		div.texte h3 span {
			font-weight: normal;
		}
	div.texte p {
		margin: 0; padding: 0px 0px 10px 0px;
		font-size: 1.1em;
		color: #5A5A5A;
	}
		div.texte img {
			margin: 10px 0px 10px 0px;
		}
		div.texte img.float-l {
			float: left;
			margin: 0px 10px 10px 0px;
		}
		div.texte p strong {
			color: #EF8600;
		}
		div.texte p.chapo {
			font-size: 1.2em;
		}
			div.texte p.chapo strong {
				color: #5A5A5A;
			}
			div.texte p span.orange {
				color: #EF8600;
			}
		div.texte p a, div.texte p a:link, div.texte p a:visited {
			font-size: 1em;
			color: #5A5A5A;
			text-decoration: none;
		}
		div.texte p a.bld,
		div.texte p a.bld:link,
		div.texte p a.bld:visited {
			font-size: 0.9em; font-weight: bold;
		}
		div.texte p a:hover {
			color: #EF8600;
		}

	div.texte hr {
		margin: 10px  0px 10px 0px;
		line-height: 1px;
		background: none;
		border: none;
		border-top: 1px solid #ABA299;
	}

/*--------------------
   Fiche (contact)
 ---------------------*/

	div.texte div.fiche {
		float: left;
		margin: 0px 20px 15px 0px; padding: 0;
		width: 250px;
		border: 1px solid #8A7D71;
	}
		div.texte div.fiche p {
			margin: 0; padding: 5px 10px 0px 10px;
		}
		div.texte div.fiche p.chapo {
			margin: 0; padding: 5px 10px 5px 10px;
			background: #E6E3E1;
		}
		div.texte div.fiche img.visuel {
			float: left;
			margin: 0px 10px 0px 0px; padding: 0;
		}

/*--------------------
   Web TV
 ---------------------*/

	div.texte div.webtv {
		float: left;
		margin: 0px 20px 15px 0px; padding: 0;
		width: 517px;
		background: #CDC7C2;
	}
		div.texte div.webtv div.haut {
 			width: 517px; height: 5px;
 			font-size: 1px;
 			background: url('../images/formulaire-haut.gif') no-repeat top left;
 		}
 		div.texte div.webtv div.bas {
 			clear: both;
 			width: 517px; height: 5px;
 			font-size: 1px;
 			background: url('../images/formulaire-bas.gif') no-repeat top left;
 		}

 		div.texte div.webtv div.player {
 			float: left;
 			margin: 0px 5px 0px 10px; padding: 0;
 			_margin-left: 5px;
 			width: 330px;
 		}
 		div.texte div.webtv div.navigation {
 			float: left;
 			width: 170px;
 		}
 			div.texte div.webtv h2 {
 				margin: 0px 0px 20px 0px; padding: 0;
 				overflow: hiddent;
 				width: 162px; height: 62px;
 				color: #5A5A5A;
 				background: url('../images/titre-webtv.gif') no-repeat top left;
 				text-indent: -100em;
 			}

			div.texte div.webtv div.menus {
				margin: 0; padding: 15px 0px 15px 0px;
				border-top: 1px solid #FFFFFF;
				border-bottom: 1px solid #FFFFFF;
			}
			div.texte div.webtv ul {
				margin: 0; padding: 0;
			}
				div.texte div.webtv ul li {
					margin: 0px 0px 5px 20px; padding: 0;
					font-size: 1.1em; font-weight: bold;
					list-style: none;
				}
				div.texte div.webtv ul li a,
				div.texte div.webtv ul li a:link,
				div.texte div.webtv ul li a:visited {
					margin: 0; padding: 0px 0px 0px 15px;
					color: #5A5A5A;
					background: url('../images/puce-webtv.gif') no-repeat top left;
					text-decoration: none;
				}
				div.texte div.webtv ul li.current a,
				div.texte div.webtv ul li.current a:link,
				div.texte div.webtv ul li.current a:visited,
				div.texte div.webtv ul li a:hover {
					color: #EC7900;
					background: url('../images/puce-webtv.gif') no-repeat bottom left;
				}

/*--------------------
   Annuaire de la ville
 ---------------------*/

	div.texte div.annuaire {
		margin: 0px 0px 10px 0px; padding: 5px 0px 10px 0px;
		width: 510px;
	}
		div.texte div.annuaire h2 {
			margin: 0px 0px 5px 0px; padding: 2px 0px 5px 10px;
			font-size: 1.4em;
			color: #EF8600;
			background: #E6E3E1;
		}
		div.texte div.annuaire p {
			margin: 0; padding: 0px 0px 0px 10px;
			font-size: 1.1em;
		}
			div.texte div.annuaire p a,
			div.texte div.annuaire p a:link,
			div.texte div.annuaire p a:visited {
				text-decoration: underline;
			}

	div.texte div.resultats {
		float: left;
		margin: 0px 0px 10px 0px; padding: 5px 0px 10px 0px;
		width: 510px;
	}
		div.texte div.resultats ul.pagination {
			margin: 0px 0px 0px 0px ! important;
		}

		div.texte div.resultats h2 {
			margin: 0; padding: 20px 0px 10px 0px;
			font-size: 1.3em;
			color: #EC7900;
		}

/*--------------------
   Cartouche (agenda)
 ---------------------*/

	div.texte div.cartouche {
		margin: 0; padding: 0;
		width: 545px; height: 16.9em;
		_width: 540px;
		background: #E6E3E1;
	}
		div.texte div.cartouche div.droite {
			float: right;
			display: block;
			width: 10px; height: 169px;
			background: url('../images/agenda-cartouche-droite.gif') no-repeat top right;
		}
		div.texte div.cartouche img.visuel {
			float: left;
			margin: 0; padding: 0;
		}
		div.texte div.cartouche div.texte-cartouche {
			float: left;
			margin: 0px 20px 0px 20px; padding: 20px 0px 10px 0px;
			width: 240px;
		}
		div.texte div.cartouche h2 {
			margin: 0px 0px 10px 0px; padding: 0;
			font-size: 1.2em;
			color: #EF8600;
		}
			div.texte div.cartouche h2 span {
				font-weight: normal;
			}

		div.texte div.cartouche p.chapo {
			line-height: 1.6em;
		}

			div.texte div.cartouche a, div.texte div.cartouche a:link, div.texte div.cartouche a:visited {
				font-size: 0.9em; font-weight: bold;
				color: #7CC600;
				text-decoration: none;
			}
			div.texte div.cartouche a:hover {
				color: #EF8600;
			}

/*--------------------
   Mediathèque
 ---------------------*/
 	div.texte div.mediatheque {
 	  width: 522px;
  }
 	div.texte div.media {
 		float: left;
 		margin: 10px 5px 10px 5px; padding: 0;
 		width: 157px;
 	}
 		div.texte div.media div.visuel {
 			position: relative;
 			margin: 0; padding: 0;
 			font-size: 1px;
 			background: url('../images/loading.gif') no-repeat center center;
 		}
 			div.texte div.media div.visuel img {
 				margin: 0; padding: 0;
 			}
 				div.texte div.media div.visuel div.haut {
 					position: absolute; top: 0px; left: 0px;
 					width: 157px; height: 10px;
 					font-size: 1px;
 					background: url('../images/media-inner-haut.gif') no-repeat top left;
 				}
 				div.texte div.media div.visuel div.bas {
 					position: absolute; top: 108px; left: 0px;
 					width: 157px; height: 10px;
 					font-size: 1px;
 					background: url('../images/media-inner-bas.gif') no-repeat top left;
 				}
 		div.texte div.media p {
 			margin: 0; padding: 5px 10px 0px 10px;
 			height: 5em;
 			font-size: 1em;
 			color: #5A5A5A;
 			background: #E4DFDA;
 		}
 			div.texte div.media p.center {
 				text-align: center;
 			}
 		div.texte div.media div.bas-media {
 			width: 157px; height: 8px;
			font-size: 1px;
			background: url('../images/media-bas.gif') no-repeat top left;
 		}

/*--------------------
   Pagination
 ---------------------*/

	div.texte ul.pagination {
		float: right;
		margin: 20px 0px 0px 0px; padding: 0;
	}
		div.texte ul.pagination li {
			display: inline;
			margin: 0; padding: 0;
			font-family: Arial;
			list-style: none;
		}
			div.texte ul.pagination li a,
			div.texte ul.pagination li a:link,
			div.texte ul.pagination li a:visited {
				float: left;
				display: block;
				margin: 0px 5px 0px 0px; padding: 0;
				width: 17px; height: 17px;
				line-height: 17px;
				font-size: 1.3em; font-weight: bold;
				color: #FFFFFF;
				background: url('../images/pagination.gif') no-repeat top left;
				text-decoration: none; text-align: center;
			}
			div.texte ul.pagination li.current a,
			div.texte ul.pagination li.current a:link,
			div.texte ul.pagination li.current a:visited,
			div.texte ul.pagination li a:hover {
				background: url('../images/pagination.gif') no-repeat bottom left;
			}

			div.texte ul.pagination li.precedent a,
			div.texte ul.pagination li.precedent a:link,
			div.texte ul.pagination li.precedent a:visited {
				background: url('../images/pagination-left.gif') no-repeat top left;
			}
				div.texte ul.pagination li.precedent a:hover {
					background: url('../images/pagination-left.gif') no-repeat bottom left;
				}

			div.texte ul.pagination li.suivant a,
			div.texte ul.pagination li.suivant a:link,
			div.texte ul.pagination li.suivant a:visited {
				background: url('../images/pagination-right.gif') no-repeat top left;
			}
				div.texte ul.pagination li.suivant a:hover {
					background: url('../images/pagination-right.gif') no-repeat bottom left;
				}


/*--------------------
   Plan du site
 ---------------------*/

	div.plan {
		margin: 20px 0px 0px 40px; padding: 0;
	}
		div.plan ul {
			margin: 0; padding: 0;
		}
			div.plan ul li {
				margin: 0px 10px 20px 0px; padding: 0;
				font-size: 1.1em;
				color: #EF8600;
				list-style: none;
			}
				div.plan ul li.left {
					float: left;
					width: 200px;
				}
				div.plan ul li a, div.plan ul li a:link, div.plan ul li a:visited {
					color: #EF8600;
					text-decoration: none;
				}
				div.plan ul li a:hover {
					color: #5A5A5A;
				}
			
				div.plan ul ul {
					margin: 5px 0px 5px 30px; padding: 0;
				}
					div.plan ul ul li {
						margin: 5px 0px 5px 0px; padding: 0;
						font-size: 1em; font-weight: bold;
					}
						div.plan ul ul li li {
							margin: 0; padding: 0;
							font-weight: normal;
						}
				
						div.plan ul ul li a, div.plan ul ul li a:link, div.plan ul ul li a:visited {
							color: #5A5A5A;
							text-decoration: none;
						}
						div.plan ul ul li a:hover {
							color: #EF8600;
						}

/*----------------------------------------------------------------------------------------------------------------
				Pied de page
----------------------------------------------------------------------------------------------------------------*/

/*--------------------
   Bas de page
 ---------------------*/

 div#footer {
 	clear: both;
	margin: 0; padding: 115px 20px 20px 20px;
	background: #FFFFFF url('../images/bas-int.gif') no-repeat top left;
 }
	div#footer p {
		float: left;
		margin: 0px 100px 0px 0px; padding: 0;
		font-size: 1em;
		color: #8D8A88;
	}
	div#footer a, div#footer a:link, div#footer a:visited {
		color: #8D8A88;
		text-decoration: none;
	}
	div#footer a span, div#footer a:link span, div#footer a:visited span {
		color: #8D8A88;
	}
	div#footer a:hover span {
	  color: #EF8600;
	}
	div#footer ul {
		float: left;
  		margin: 0; padding: 0;

  	}
  	div#footer ul li {
  		float: left;
  		margin: 0; padding: 0px 4px 0px 4px;
  		list-style: none;
  		font-size: 1em;
  		color: #8D8A88;
  	}
  	div#footer ul li a:link, div#footer ul li a:visited {
  		padding-right: 4px;
  		color: #8D8A88;
  		text-decoration: none;
  		border-right: 1px solid #8D8A88;
  	}
  	div#footer ul li.last a, div#footer ul li.last a:link, div#footer ul li.last a:visited {
  		border-right: none;
  	}
  	div#footer a:hover, div#footer ul li a:hover {
  		color: #EF8600;
  	}