a:link {color: #C0C0C0; text-decoration: none}

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

a:hover {color: #FFCB7D; text-decoration: none}

img, foo, x { border: 0; }	
	
p 	{
	color: #FFCA95;
	text-align: left;
	font-size: 16px;}
	
h1	{color: #FFCA95;
	font-size: 17px;
	text-align: left;}
	
h2	{color: #FFCA95;
	font-size: 26px;}
	
h3	{color: #FFCA95;
	text-align: right;
	font-style: italic;
	text-indent: 0px;
	font-size: 18px;}
	
li {list-style-type: none;
	}
	
.corps 
	{position: absolute;
	font-family: "times new roman", "comic sans ms", "fantasy", "arial", "copperplate", "arial black";
	font-size: 16px;
	color: #FFCA95;
	top: 120px;
	left: 250px;
	width: 50%;
	height: auto;
	text-align: left;
	background: transparent;
	z-index: 2;}
	
.tete
	{font-weight: bold;}
	
#head 
	{position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 65px;
	color: white;
	font-size: 48px;
	text-align: center;
	background: transparent;
	z-index: 3;}
	
#headtxt 
	{position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 65px;
	color: #B0B1D0;
	text-indent: 0px;
	font-size: 48px;
	text-align: center;
	background: transparent;
	z-index: 4;}
	
#logopage
	{position: fixed;
	top: 10px;
	left: 17px;
	width: 100px;
	height: 65px;
	color: red;
	background: transparent;
	z-index: 5;}
	
.menu 
	{position: fixed;
	top: 65px;	
	left: 0px;
	width: 155px;
	height: 90%;
	font-family: "times new roman" "arial" "comics sans serif";
	line-height: 32px;
	color: #800000;
	background: transparent;
	z-index: 3;
	}
	
.menuimg
	{position: fixed;
	top: 0px;	
	left: 0px;
	width: 155px;
	height: 100%;
	font-family: "times new roman" "arial" "comics sans serif";
	line-height: 32px;
	color: #800000;
	background: transparent;
	z-index: 2;
	}
	

	
.corpsimg 
	{position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;	
	background: transparent;
	text-align: left;
	z-index: 1;}	
	
.corne
	{position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;	
	background: transparent;
	text-align: left;
	z-index: 5;}

.corpsimg2 
	{position: fixed;
	top: 60px;
	left: 100px;
	width: 100%;
	height: 100%;
	background: #B30000 url(fondpageperso.png);
	background-repeat: no-repeat;
	text-align: center;
	z-index: 1;}
	
.present 
	{position: fixed;
	top: 85px;
	left: 120px;
	width: 330px;
	height: 210px;
	color: #DD9500;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	z-index: 3;}
	
.presentfond 
	{position: fixed;
	top: 75px;
	left: 110px;
	width: 330px;
	height: 215px;
	color: #FFB928;
	background: url(fondraye.png);
	filter : alpha(opacity=10);
    -moz-opacity : 0.1;
    opacity : 0.1; 	
	z-index: 2;}
	
.poem 
	{position: absolute;
	top: 80px;
	right: 0px;
	width: auto;
	height: auto;
	padding-top: 40px;
	padding-right: 20px;
	font-family: "times new roman" "arial" "comics sans serif";
	font-size: 24px;
	color: black;
	text-align: center;
	z-index: 3}
	
.global 
	{position: fixed;
	top: 65px;
	left: 100px;
	width: auto;
	height:auto;
	padding-top: 65px;	
	text-align: left;}
	
.img 
	{position: fixed;
	bottom:5px;
	right: 15px;
	width: auto;
	height: auto;
	overflow: hidden;
	z-index: 1;	}
	
.bouton 
	{position: relative;
	top: 60px;
	left: 5px;
	width: 145px;
	height: 30px;
	font-size: 16px;
	text-align: center;
	background: url(bouton.gif);
	z-index: 3;}	
	
.separateur
	{position: relative;
	top: 60px;
	left: 5px;
	width: 145px;
	height: 30px;
	font-size: 16px;
	text-align: center;
	background: url(sep.gif);
	z-index: 3;}	
	
.pre {position: relative;
	top:62px;
	left: 23px;
	width: 54px;
	height:24px;
	font-size: 16px;
	background: url(pre.png);
	z-index: 5;}
	
.post {position: relative;
	top:63px;
	left: 23px;
	width: 54px;
	height:24px;
	font-size: 16px;
	background: url(post.png);
	z-index: 5;}

.listbox 
	{position: absolute;
	top: 80px;
	right: 5px;
	background: url(fondraye.png);
	width: 257px;
	height: 83%;
	filter : alpha(opacity=30);
	-moz-opacity : 0.3;
	opacity : 0.3; 	
	z-index: 1;}
		
.list 
	{position: absolute;
	top: 85px;
	right: 2px;
	background:transparent;
	width: 250px;
	height: 80%;
	overflow: auto;
	filter : alpha(opacity=60);
	-moz-opacity : 0.6;
	opacity : 0.6; 	
	z-index: 3;}
	
.pied {position: relative;
	size: 12px;}

.photo 
	{position: absolute;
	top: 210px;
	left: 310px;
	width: 120px;
	height: 120px;
	background: transparent;
	filter : alpha(opacity=40);
    -moz-opacity : 0.4;
    opacity : 0.4; 	
	z-index: 4;}
	
		/* Boîtes spéciales pour la Lettre à Marcel */
			.marcelbox1
				{position: fixed;
				top: 200px;
				left: 215px;
				background:transparent;
				width: 250px;
				height: 250px;
				overflow: no-overflow;
				z-index: 3;}
				
			.marcelbox2
				{position: fixed;
				top: 185px;
				left: 300px;
				background:transparent;
				width: auto;
				height: auto;
				overflow: auto;
				z-index: 3;}
				
			.marcelbox3
				{position: relative;
				top: 0%;
				right: 250px;
				background:transparent;
				width: auto;
				height: auto;
				border: 0px;
				overflow: auto;
				z-index: 3;}