/*-----------------------------------
 * AFA
 * réalisé par SQLI
 * Création : 27.11.2006
 * Dernière modification : 27.11.2006
 ------------------------------------*/

/*--------------------
   Variables globales
 ---------------------*/
 
 
  body {
  	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:62.5%;
	color: #000000; background: #ffffff;
	text-align: center;
  }
  
  form { margin: 0; padding: 0; }
  
  img{ border-width: 0px; }
         
  div#page {
  	width: 100% ! important;
	margin-left: 10px; margin-right: 10px;
	text-align: left;
  }
  div#inner-page {
	margin: 0; padding: 0;
  	width: 100% ! important;
	text-align: left;
  }
  
  br.clear {
  	clear: both;
  }


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

/*--------------------
   Header
 ---------------------*/ 
 
 div#header {
 	display: none;
 }
					
					
/*----------------------------------------------------------------------------------------------------------------
				COLONNE DE GAUCHE
----------------------------------------------------------------------------------------------------------------*/

  div#colonne-gauche {
  	display: none;
  }
  
/*----------------------------------------------------------------------------------------------------------------
				COLONNE DE DROITE
----------------------------------------------------------------------------------------------------------------*/

  div#colonne-droite {
  	width: 100% ! important;
  }
  	
/*--------------------
   Fil d'ariane
 ---------------------*/ 
 
  div.ariane {
  }
  	div.ariane ul {
  		display: inline;
  		margin: 0; padding: 0;
  	}
  		div.ariane ul li {
	  		display: inline;
	  		margin: 0; padding: 0;
	  		color: #796B5D;
	  	}
	  	
	  		div.ariane ul li a,
	  		div.ariane ul li a:link,
	  		div.ariane ul li a:visited {
	  			color: #796B5D;
	  			text-decoration: none;
	  		}
	  		div.ariane ul li a:hover {
	  			color: #FF7300;
	  		}
	
/*--------------------
   Rechercher
 ---------------------*/ 
 
 div.rechercher {
 	display: none;
 }
	
/*--------------------
   Texte
 ---------------------*/ 
 
 div.texte {
 	clear: both;
	margin: 0; padding: 10px 20px 5px 0px;
	}
	
	div.texte div.colonne-droite {
		display: none;
	}

/*--------------------
   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 #584634;
		}
		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: #FF7300 ! important;
		}
		
	div.calendrier p.plus {
		margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px;
		font-size: 1.2em;
		color: #EC7900;
		text-align: right;
		border-top: 1px solid #BCB5AE;
	}
		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: #FF7300 ! 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 h1 {
		margin: 0px 0px 15px 0px; padding: 0;
		font-size: 1.6em;
		color: #88D300;
	}
		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: #584634;
	}
		div.texte img {
			margin: 10px 0px 10px 0px;
		}
		div.texte p.chapo {
			font-size: 1.2em;
		}
			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: #584634;
			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: #FF7300;
		}
		
	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: #584634;
 				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: #584634;
					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: #FF7300;
			}
 				
/*--------------------
   Mediathèque
 ---------------------*/ 
 	
 	div.texte div.media {
 		float: left;
 		margin: 10px 10px 10px 10px; 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: #584634;
 			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;
				}
	
	
/*----------------------------------------------------------------------------------------------------------------
				Pied de page
----------------------------------------------------------------------------------------------------------------*/
	
/*--------------------
   Bas de page
 ---------------------*/ 
 
 div#footer {
 	display: none;