/* Styles par défaut pour chaque type d'élément */
	body {
 		margin: 0px;
 		padding: 0px;
		font-weight: bold;
		font-size: 12px;
		font-family: Arial;
		background: url(logo.gif) 4px 4px no-repeat #9AB0EF;
	}
	div {
		position: absolute;
	}
	ul {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	ul li {
	 padding: 2px;
	}
	hr {
		padding: 0px;
		margin-top: 2px;
		margin-bottom: 4px;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		height: 1px;
		border: none;
		color: #B2B2B2;
		background-color: #B2B2B2;
	}

	table.ville {
		border-collapse: collapse;
		width: 800px;
		border: 1px solid #000;
		margin: 2px;
	}
	table.ville tr:first-child td:first-child {
		font-weight: bold;
	}
	table.ville tr:first-child td:last-child {
		text-align: right;
	}
	table.ville tr td:first-child {
		width: 600px;
	}
	table.ville tr td {
		padding: 4px;
	}

	/* Gestion des couches */
	.level0 {
		z-index: 0;
	}
	.level1 {
		z-index: 1;
	}
	.level2 {
		z-index: 2;
	}
	.level3 {
		z-index: 3;
	}

	/* Grille grise de fond */
	div#grille {
		width: 982px;
		height: 1000px;
		background: url(pix.gif) 5px 5px #FFF;	
	}
	
	/* Curseur rouge */
	div#curseur {
		width: 8px;
		height: 8px;
		border: 1px solid #F00;
		/* spécial IE qui met une hauteur d'au moins la font-size */
		font-size: 0px;
	}
	
	/* Pixel rouge pour montrer une ville */
	div#pixel {
		width: 1px;
		height: 1px; 
		background-color: #F00;
		/* Pour IE 6 qui merde sur la fontSize et la hauteur */
		overflow: hidden;
	}
	
	/* Style pour toutes les cartes */
	div#carte, div#villes, div#events, div#emmaus, div#windguru, div#meteo, div#tourisme, div#golf, div#chateau, div#parc, div#tous {
		width: 982px;
		height: 1000px;
		border: 0px solid #000;
	}

	/* Carte de France */
	div#carte {
		background: url(france.gif) -13px -2px;
	}

	/* DIV des villes de France */
	div#villes {
		background: url(villes.gif) 7px 14px no-repeat;
	}
	
	/* DIV des emmaus de France */
	div#emmaus {
		background: url(emmaus.gif) -13px -2px;
	}
	
	/* DIV des spots windguru de France */
	div#windguru {
		background: url(windguru.gif) -13px -2px;
	}

	/* DIV des spots météo de France */
	div#meteo {
		background: url(meteo.gif) -13px -2px;
	}

	/* DIV de TOUS les points de France */
	div#tous {
		background: url(tous.gif) -13px -2px;
		visibility: hidden;
	}
	
	/* DIV des zoos de France */
	div#parc {
		background: url(parc.gif) -13px -2px;
	}
	
	/* DIV des Chateaux de France */
	div#chateau {
		background: url(chateau.gif) -13px -2px;
	}
	
	/* DIV des golfs de France */
	div#golf {
		background: url(golf.gif) -13px -2px;
	}
	
	/* DIV des offices du tourisme de France */
	div#tourisme {
		background: url(tourisme.gif) -13px -2px;
	}
	
	/* Gros pavé constituant le zoom d'un carré */
	div#zoom {
		border: 2px solid #708AD4;
		background: #FFF; 
	}
	
	/* Dans la zone de saisie d'une nouvelle URL */
	div#ajouter {
		top: 50px;
		left: 10px;
		width: 300px;
		height: 190px;
		border: 1px solid #7F9DB9;
		line-height: 26px;
		padding-top: 4px;
		padding-left: 4px;
		background-color: #BFDDF9;
	}
	div#ajouter ul {
		position: absolute;
		top: 26px;
	}
	div#ajouter div#nom_ville {
		width: 100%;
		text-align: center;
	}
	div#ajouter input {
		position: absolute;
		width: 200px;
		right: 6px;
	}
	div#ajouter input#url {
		width: 240px;
		top: 30px;
	}
	div#ajouter input#titre {
		width: 240px;
		top: 60px;
	}
	div#ajouter input#pseudo {
		top: 90px;
	}
	div#ajouter input#email {
		top: 120px;
	}
	div#ajouter div#error {
		position: absolute;
		color: red;
		bottom: 28px;
		right: 8px;
		text-align: right;
		width: 100%;
	}
	div#ajouter input#submit {
		right: 28px;
		bottom: 8px;
		width: 148px;
	}
	div#ajouter img#spinner2 {
		position: absolute;
		bottom: 10px;
		right: 8px;
	}

	/* Zone de recherche */
	div#engine {
		top: 8px;
		right: 8px;
		height: 20px;
		width: 280px;
		padding: 0px;
		padding-top: 10px;
	}
	
	/* Champ de recherche */
	input#search {
		position: absolute;
		width: 260px;
		border: 1px solid #16254E;
		bottom: 0px;
		padding: 0px;
		margin: 0px;
	}
	
	/* Spinner de recherche */
	img#spinner {
		position: absolute;
		right: 0px;
		bottom: 4px;
	}
	
	/* Titre associé au champ de recherche */
	div#titre_search {
		top: 0px;
		width: 260px;
		text-align: center;
		color: #16254E;
		letter-spacing: 8px;
		padding: 0px;
		margin: 0px;
	}
	/* Résultats de recherche */
	div#results {
		top: 30px;
		left: 0px;
		opacity: 0.7;
		filter: alpha(opacity=70);
		border-top: 1px solid #888;
		border-left: 1px solid #888;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		background: #FFF; 
		width: 260px;
		padding: 0px;
	}
	div#results ul li {
		cursor: pointer;
	}
	div#results ul li:hover {
		background-color: #CCC;
	}
	
	/* Carré jaune pour montrer un rollover */
	div#alt {
		padding: 2px;
		border-top: 1px solid #B2B2B2;
		border-bottom: 1px solid #000;
		border-left: 1px solid #B2B2B2;
		border-right: 1px solid #000;
		background: #FFD;
		font-weight: normal;
		width: 300px;
	}
	div#alt ul li.link {
		cursor: pointer;
	}
	div#alt ul li.link a {
		text-decoration: none;
		color: #000;
	}
	div#alt ul li.link:hover {
		text-decoration: underline;
	}
	/* Croix fermer du ALT */
	div.close {
		top: 2px;
		right: 2px;
		background-color: #F8C560;
	}
	/* DIV pour fabriquer la carte par nuage de point */
	div.map {
		width: 1px;
		height: 1px;
		background-color: #000;
	}
	/* DIV des paramètres */
	div#params {
		color: #16254E;
		left: 4px;
		top: 60px;
		height: 40px;
		padding-top: 10px;
		line-height: 20px;
	}
	
	/* Pour les DIV où on veut écrire en vertical */
	div.vertical {
		width: 8px;
		height: 100%;
	}
	

	
	/* DIV des mentions et messages en bas de page */
	div#mentions {
		top: 1020px;
		width: 100%;
		text-align: center;
		color: gray;
		font-weight: normal;
		font-size: 10px;
		padding-bottom: 10px;
	}
	div#mentions a {
		color: gray;
	}

	/* SPAN titre de la carte sélectionnée */
	span#titreCarte {
		padding: 4px;
		border: 1px solid #000;
		cursor: pointer;
	}
	ul#selectCarte {
		position: absolute;
		visibility: hidden;
		opacity: 0.7;
		filter: alpha(opacity=70);
		border: 1px solid #000;
		width: 200px;
		background-color: #FFF;
	}
	ul#selectCarte li {
		cursor: pointer;
		padding: 4px;
	}
	ul#selectCarte li img {
		vertical-align: middle;
	}