/**************************
* CSS file for my albums  *
***************************/

body {
		background-color : #EEE;;
		color : #766;
		font-family:tahoma,arial,sans-serif;
		margin:0;
		padding:0;
}
a {
	color: rgb(189,167,167);
	text-decoration:none;
	}
a:hover {
	color: rgb(167,152,152);
	text-decoration:underline;
	}
	
.thumbnail img, .thumbnail_inactive img, .thumbnail_legend img{
		vertical-align: middle;
		text-align:left;
		width:100px;
		height:100px;
		border :0px;
		
}
.thumbnails {
	float:right;
	max-width:45%;
	margin : 90px 10px 30px 10px;
	background-color: rgb(189,167,167);
	}
.thumbnails_legend {
	float:left;
	clean:both;
	max-width:95%;
	margin : 10px 10px 30px 10px;
	background-color: rgb(189,167,167);
	}
.thumbnails_wo_pic {
	float:left;
	max-width:90%;
	margin : 100px 10px 30px 10px;
	background-color: rgb(189,167,167);
	}


.thumbnail_inactive{
		padding : 2px;
		border : 1px;
		border-style: solid;
		text-align:center;	
		margin:  2px;
		float :left;
		background-color : #DDDDDD;
		
}
.thumbnail_legend{
		padding : 2px;
		border : 1px;
		border-style: solid;
		text-align:left;	
		
		margin:  2px;
		float :left;
		clean: left;
		background-color : #DDDDDD;
		width : 100%;
		
}

.thumbnail {
		border-style: solid;
		padding : 3px;
		border : 1px;
		border-style:  solid;
		margin: 0px ;
		float :left;
		background-color :  rgb(159,137,137);
}
.thumbnail img{
	border: solid 1px;
	}
.thumbnail_inactive:hover,.thumbnail:hover{
		background-color:#bdbdbd;
		}
.image_cadre {
		width :450px;
		height : 330px;
		float :left;
		vertical-align:middle;
		padding:0;
		margin : 100px 0px 20px 20px;
		}

 		
.image{
		
		vertical-align: middle;
		border : 1px ;
		padding: 2px;
		border-style: solid;
		text-align:center;	
		margin: 5px 5px 5px 5px ;
float :left;
		width:440px;
		min-heigth: 250px;
	background-color: rgb(189,167,167);

		
}
.image img {
		width:430px;
		margin:0;
		padding:0;

}
.legend {
	
		position:absolute;
		left:35px;
		
	/*dans l'image
		top:115px; */
		/*en dessous*/
		top:430px;
		text-align : justify;
		padding:5px;
		min-width:10px;
		min-height:10px;
		max-width:400px;
	}
	
	
		

.links{ 
	padding:4px;
	text-align:left;
	margin:5px;
		min-width:100px;
		position: absolute;
		top:10px;
		right:15px;
		font-size:16px;
		text-color: rgb(189,167,167);
	
	}
h1{ 
	padding:5px 10px 0px 10px;
	border:1px;
	border-style:none;
	border-top :solid 3px;
	border-color : #cbbbbb;
	margin:5px;
	position:absolute;
	left:0px;
	right:60px;
	top:5px;
	background-color:#dbcbcb;
	width:67%;
	text-align : left;
	font-size:28px;
	color:#996666}
h2{ 
	padding:10px 10px 5px 30px;
	border-style:none;
	text-align:right;
	margin:5px;
	width:65%;
	position:absolute;
	left:0px;
	top:14px;
	background-color:transparent;
	font-size:20px;
	font-weight:lighter;
	color:#966;
	}
	
	
.copyright {
	font-size: .7em;
	position:fixed;
	bottom:0px;
	right:10px;
	}