body {
	text-align: center;
	background-color: #900;
	
}

div#main {
	margin: 20px auto;
	padding: 0;
	border: 1px solid black;
	background-color: white;
	width: 80%;
}

div#mainalbum {
	margin: 20px auto;
	padding: 0;
	border: 1px solid black;
	background-color: black;
	width: 80%;
}

div#title {
	/*height: 50px;*/
	background-color: #666;
	color: #900;/*#eee;*/
	background-image: url('panorama/shibuya.jpg');
	background-position: left;
	background-repeat: no-repeat;
	font-family: Trebuchet MS, arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding: 100px 20px 10px 15px;
}

	div#titletext {
		/*height: 50px;*/
		/*background-color: #666; */
		color: #900;
		font-family: Trebuchet MS, arial, helvetica, sans-serif;
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		vertical-align: bottom;
		padding: 2px;
	}
	
	
		
		h1#maintitle, #maintitleshadow {
			margin: 0;
			padding: 0;
			font-size: 24px;
			font-weight: bold;
		}
		
		div#mainsubtitle, #mainsubtitleshadow {
			font-size: 12px;
		}
		
		h1#maintitle, h1#maintitle a {
			color: #eee;
		}
		
		div#mainsubtitle, div#mainsubtitle a {
			color: #bbb;
		}
		
		#maintitleshadow, #mainsubtitleshadow {
			color: #666;	
		}
		
		div#title a {
			text-decoration: none;
		}
		
		div#title img#logovia {
			width: 100px;
			height: 70px;
			float: right;
			border-width: 0;
		}
	
	div#content {
		background-color: white;
		padding: 0;
		text-align: left;
	}

		div#navlinks {
			float: right;
			background-color: #ddd; /* #036; */
			color: #555;
			width: 150px;
			font-family: Verdana, arial, helvetica, sans-serif;
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 50px 30px;
				/*  Mozilla ne sachant absolument pas faire des arrondis       *
				 *  corrects (contrairement à IE), cette ligne est nécessaire  *
				 *  *pour certaines largeurs de la fenêtre du navigateur*      *
				 *  sous les navigateurs utilisant Gecko                       */
			/* border-right: 1px solid black; */
			padding: 20px 20px 10px 20px;
		}
		
			div#navlinks a {
				text-decoration: none;
				color: #555;
				display: block;
				border: 1px solid #ddd;
			}

			div#navlinks a:hover {
				color: black;
				background-color: #ddd;
				border: 1px solid white;
			}
			
			div#navlinks .toplevel {
				font-size: 11px;
				font-weight: bold;
				margin: 3px 0;
			}

			div#navlinks .sitesection {
				font-size: 11px;
				font-weight: normal;
				margin-left: 20px;
				text-indent: -10px;
			}

			div#navlinks .sitepage {
				font-size: 9px;
				font-weight: normal;
			}

			div#navlinks .selected, div#navlinks a:active {
				color: black;
				font-style: italic;
				border: 1px solid white;
				background-color: #eee;
			}
			
			div#navlinks div.sectionpageslist {
				border-left: 2px solid white;
				padding-left: 3px;
				text-indent: 0;
				margin-left: 25px;
			}
		
		div#languages {
			font-weight: normal;
			font-family: arial narrow,verdana,arial,sans-serif;
			margin-top: 20px;
			text-align: right;
			color: #888;
			font-size: 9px;
		}
		
			div#languages a, div#languages a:active  {
				font-weight: normal;
				font-family: arial narrow,verdana,arial,sans-serif;
				text-decoration: none;
				color: #888;
				display: inline;
				border: 0px solid #ddd;
			}

			div#languages a.selected {
				font-weight: bold;
				font-style: normal;
				background-color: #ddd;
				color: #555;
				border: 0px solid #ddd;
			}

			div#languages a:hover {
				color: black;
				border: 0px solid #ddd;
			}

		div#changeimage {
			float: right;
			font-family: sans-serif;
			font-weight: bold;
			margin-right: -20px;
			text-align: right;
		}
		
			div#changeimage a {
				color: white; /* silver */
				text-decoration: none;
			}

			div#changeimage a:hover, div#changeimage a:active {
				color: silver;
			}
		
		div#position {
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 10px;
				/*  sous Moz, il faut un margin-top: 0 sinon le cadre    *
				 *  de navigation est décalé d'autant. pas grave, on     *
				 *  compense avec du padding.                            */
			margin: 0 20px 0 15px;
			padding-top: 5px;
			letter-spacing: 0.5ex;
			padding-left: 10px;
			text-indent: -10px;
		}
		
		div#position a {
			/*display: block;*/
			text-decoration: none;
			font-weight: bold;
			color: silver;
		}
		
			div#position a.posvia {
				color: #ddd;
			}
			div#position a.postoplevel {
				color: #bbb;
				/*margin-left: 10px;*/
			}
			div#position a.possection {
				color: #999;
				/*margin-left: 20px;*/
			}
		
		div#text {
			color: #222;
			font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
			padding: 0em 3em 3em 4em;
			font-size: 10pt; /* ou 13px (et non pas 12px) */
			text-align: left;
		}
		
			div#text p {
				text-indent: 2em;
				/* text-align: justify; */
			}

			div#text a:link {
				color: #66a;
			}

			div#text a:visited {
				color: #888;
			}
			
			div#text a:active {
				color: #88f;
				background-color: #eee;
			}
			
			div#text a:hover {
				color: #88f;
			}
			
			div#text a img {
				border-style: none;
			}
			
			div#text ul.conseil {
				list-style-type: none;
			}
			
			div#text li.fonction {
				font-weight: bold;
			}
			
			div#text li.mail {
				margin-bottom: 2em;
			}
			
			div#text p.sign {
				font-style: italic;
				text-align: right;
			}
			
			div#text div#blog {
				
			}
			
				div#text div#blog div.date {
					letter-spacing: 1ex;
					color: black;
					font-weight: bold;
					border-bottom: 1px solid silver;
					margin:2em 20% 0 0em;
					color: #666;
				}
								
				div#text div#blog div.post {
					border: 1px solid gray;
					background-color: #eee;
					color: #333;
					margin: 1em;
					margin-right: 160px;
					padding: 1.5em 1.5em 0 1.5em;
				}
				
				div#text div#blog div.post div.title {
					letter-spacing: 0em;
					text-indent: 0em;
					font-family: georgia,times new roman,serif;
					text-align: left;
					font-size: 1.2em;
					color: black;
					font-weight: bold;
					/*border-bottom: 1px solid silver;*/
					margin:0em 0 0 0em;
					color: #222;
				}
				
					div#text div#blog div.post div.title span.time {
						font-size: 8px;
						color: gray;
						font-family: arial,sans-serif;
						font-weight: normal;
						margin-left: 20px;
					}
			
		div#footer {
			color: #888;
			font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
			padding: 10px;
			font-size: 10px;
			text-align: center;
			clear: both;
	
		}
		
			div#footer a {
				color: #888;
				text-decoration: none;
			}

h2 {
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; 
/*	font-family:  verdana, arial, helvetica, sans-serif; */
	font-size: 24px;
	color: black;
	font-weight: bold;
/*
	background-image: url('h2.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
*/
	border-bottom: 1px solid #888;
	padding-bottom: 8px;
	margin-top: 30px;
}

h3 {
/*	font-style: italic; */
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	padding-left: 0px;
	margin-top: 2em;
}

h4 {
/*	font-style: italic; */
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
	padding-left: 0px;
	color: #666;
}

h5,h6 {
	font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
}


div.partenaire {
	border: 1px solid #ddd;
	margin: 10px 0;
}

div.partenaire img {
	border-style: none;
	margin: 10px;
}


/* le div du menu du site est flottant et interfère avec le premier partenaire */
div.partenaire {clear:both}





/* temporaire: (laug 2004-09-13) */

div#googlesearch {
	margin: 20px 0 0 0;
	text-align: center;
	border: 1px solid #bbb;
	padding: 2px;
}

div#googlesearch, div#googlesearch input {
	font-weight: normal;
	font-family: arial narrow, arial, sans-serif;
	font-size: 8px;
	color: #888;
	background-color: #ddd;
	border-width: 1px;
}