body {
	background-color: #b9b0b2;
	font-family: Monaco, Courier, "Courier New", monospace;
	                                     
	

	margin : 0;
	padding : 0;
}

/* essai2 */

img {
border: none;

}



h2 {
	background-color: #d7dfcf;
	font-size: 0.8em;
	font-family: Lucida Grande, Monaco, Verdana, sans-serif;
	color: black;
	padding-left: 8px;
	padding-bottom: 3px;
	padding-right: 8px;	
	padding-top: 3px;
}

h2:hover {
	background-color: black;
	color: white;
}

h4 {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	font-size: 1em;
	padding: 1px;
	background-color: #ffdb2c;
	color: #404145;
	
}

h5 {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	font-size: 1em;
	padding: 1px;
	color: #404145;
	background-color: aqua;
}

h3 {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0px;
	font-size: 1em;
	padding: 1px;
	color: white;
	background-color: #d7d1cf;
}



a {
	text-decoration: none;

}

#close{
	font-family: Monaco, Courier, "Courier New", monospace;
font-size: 0.8em;
color: silver;
padding-top: 4px;
padding-bottom: 4px;
background-color: #404145;
text-align: right;
padding-right: 8px;
}

#close a {
color:silver;
}

#close a:visited{
text-decoration: none;
color:silver;
}

#close a:hover{
color: white;
cursor:default;
}

#close:hover{
cursor: move;
}


a:visited {
	text-decoration: line-through;
	color: #514b5b;
}

#cadre {
position: absolute;
top: 80px;
left: 25%;
background-color: silver;
z-index: 999;
height: 522px;
width: 540px;
}

#cadre:hover {
z-index: 999;
}

#fenetre {
height: 500px;
width: 540px;
overflow-x: hidden;
overflow-y: scroll;

}



#thumb01 {
	position : absolute;
	top:0;
	left:  0;
	margin-bottom: 40;
	width: 230px;
	
	
}

#thumb {
	float: left;
	position: absolute;
	top : 10px;
	left : 18px;
	margin-left: 0px;
}


.thumb03:hover {
z-index: 999;
}






#tas {
	position: absolute;
	top: 40px;
	left: 60px;
}

.tete {
	position: absolute;
	top: 0px;
	left: 25px;
	margin-top: -20px;
}

.tete h2 {

font-style: italic;
opacity:0.8;
font-weight: bold;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 4.6em;
background-color: transparent;
color: white;
padding: 0;
}

.tete h2:hover {
	background-color: transparent;

} 

.tete a:visited {
text-decoration: none;

} 


#tas1 {
	position: absolute;
	top: 18%;
	left: 10%;

}


#tas2 {
	position: absolute;
	top: 5%;
	left: 78%;

}



#tas9 {
	position: absolute;
	top: 80%;
	left: 27%;

}


#tas4 {
	position: absolute;
	top: 60%;
	left: 83%;

}


#tas5 {
	position: absolute;
	top: 25%;
	left: 52%;
}

#tas6 {
	position: absolute;
	top: 38%;
	left: 62%;

}

#tas7 {
	position: absolute;
	top: 52%;
	left: 2%;

}

#tas8 {
	position: absolute;
	top: 57%;
	left: 38%;

}

#tas3 {
	position: absolute;
	top: 37%;
	left: 37%;

}


#tas10 {
	position: absolute;
	top: 68%;
	left: 52%;

}

#tas11 {
	position: absolute;
	top: 15%;
	left: 80%;

}


#ferme{
width: 40px;
height: 20px;
position: fixed;
top: 20px;
right: 20px;
background-color: aqua;
z-index: 999;

}


.titre {
padding-top: 7px;
padding-left: -10px;
z-index: 2;
}



element {
	color: #383831;
}

element1 {
	background-color: #404145;
}



.legende {

	text-align: left;
	font-family: Verdana, Courier, monospace;
	font-size: 0.8em;
	position: absolute;
	bottom: 6px;
	left: 6px
	color: black;



	padding-left: 8px;
	padding-bottom: -3px;
	padding-right: 8px;	
	padding-top: -3px;

}

.soustitre{
	margin-bottom: 5px;
	margin-left: 5px;

}

.soustitre a {
	font-size: 7px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	color: #0d0d0d;
	background-color: #fff600;
}

.soustitre a:hover {
	color: white;
	background-color: #1affa8;
}

.soustitre a:visited {
	color: #080808;
}

#navigation {
position: fixed;
right: 20px;
bottom: 20px;

}

#liens {
color: #ededdc;
font-size: 10px;
position: fixed;
top: 0px;
right:300px;
width: 300px;
height: 500px;
background-color: #222221;
z-index: 999;
}

#contact {

position: fixed;
top: 0px;
right:200px;
width: 300px;
height: 200px;
background-color: yellow;
z-index: 999;
}

#navigation a {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-decoration: none;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #dedede;
	background-color: #353300;
}

#navigation a:hover {
	color: #353300;
	background-color: #dedede;
}

.soustitre a:visited {
	color: #080808;
}

#liens a {
	color: #feffb2;
}