/* sommaire */

/* 	1.background
		2.navigation
		3.titles
		4.text
		5.links
		6.images
		7.tableaux
*/



/* 1.background */

body {
	padding:0px;
	margin:0px;	
}

.bodyblack {
	background-color: black;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.galerie {
	background-color: white;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

/* 2.navigation */

ul.nav {
	text-decoration:none;
	list-style:none;
	padding-top: 20px;
	padding-left: 30px;
}

ul.nav li {
	padding-top:5px;
	padding-bottom:5px;
}

/* 3.titles */



/* 4.text */

.legende {
	color: grey;
	text-align: left;
	font-size: 10px;
}

.footer {
	text-align: center;
	font-size: 12px;
	padding-top: 20px;
}

.contact {
	color:white;
	font-size:11px;
	font-family:arial, sans-serif;
	font-weight:200;
	padding-left:10px;
}

.result {
	color:white;
	font-size:11px;
	font-family:arial, sans-serif;
	padding-left:10px;
}

h1.galerie {
	font-size:12px;	
}

/* 5.links */

a:link.menu, a.active.menu {
	color: white;
	text-decoration: underline;
}

a:hover.menu, a:visited.menu {
	color: #003366;
	text-decoration: underline;
}

.footeractif {
	color: #003366;
	text-decoration: none;
}


/* 6.images */

a img {
	border: none;
}


/* 7.mise en page */

.black {
	text-align: center;
	width: 100%;
	padding-top: 200px;
}

.vignettes_index {
	display: inline;
}

.vignettes_index img {
	padding-top: 25px;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 15px;
}

div.contact {
	text-align: left;
	position: absolute;
	width: 600px;
	height: 200px;
	top: 340px;
	left: 38%;
}

div.result {
	text-align: center;
	font-size: 12px;
	padding-top: 100px;
}

div.logo_galerie {
	padding: 15px;	
}

div.vignettes_galerie {
	padding-top:200px;
	padding-left: 30px;
	height: 175px;
	width: 175px;
}

div.vignettes_galerie img {
	padding: 2px;
}

div.image_galerie {
	width: 394px;
	height: 566px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 85px;
	left: 240px;
}