body{
	margin: 0px;
	background-image: url(images/planches.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

a.spip_out{
	color: #555555;
	text-decoration: underline;
}

a.spip_out:hover{
	color: #555555;
	text-decoration: underline;
	font-style: italic;
}

img { 
border: 0; 
}

.spip_documents img { 
border: 0; 
}

#illustration{
	position: absolute;
	width: 499px;
	height: 668px;
	background-image: url(images/fondillus.png);
	background-repeat: no-repeat;
	top: 10px;
	left: 50%;
	margin-left: -307px;
	z-index: 2;
	padding-top: 4px;
	padding-left: 0px;
}

#navig{
	position: absolute;
	width: 156px;
	height: 310px;
	background-image: url(images/note.png);
	background-repeat: no-repeat;
	left: 50%;
	margin-left: 178px;
	z-index: 1;
}


#texte{
	position: absolute;
	width: 341px;
	height: 501px;
	background-image: url(images/feuille.png);
	background-repeat: no-repeat;
	top: 220px;
	left: 50%;
	margin-left: -50px;
	padding-top: 20px;
	z-index: 3;
}

#cartepostale{
	position: absolute;
	width: 420px;
	height: 268px;
	background-image: url(images/cartepostale.png);
	background-repeat: no-repeat;
	top: 270px;
	left: 50%;
	margin-left: -150px;
	padding-top: 20px;
	z-index: 3;
}

#mail{
	position: relative;
	padding-top: 20px;
	width: 210px;
	height: 268px;
	float: left;
}

textarea.mail {
font-family: sans-serif;
height: 100px;
width: 190px;
background-color: transparent;
border-width: 1px;
border-style: dashed;

}

input.mail {
font-family: sans-serif;
width: 190px;
background-color: transparent;
border-width: 1px;
border-style: dashed;
}


.titrerubrique{
	font-family: 'Lobster';
	font-size: 22px;
	color: #8B0000;
	font-weight: bold;
	text-shadow : 1px 1px 1px #aaa;
}

#sousrub{
	background-color: #DDDDDD;
	margin-left: 15px;
	height: 440px;
	width: 319px;
	overflow: auto;
}


#encartvignettes{
	font-weight: bold;
	font-family: 'Cuprum';
	font-size: 14px;
	color: #666666;
	font-style: italic;
	text-align: left;
	width: 302px;
	height: 20px;
	background-color: White;
	padding-top: 20px;
	margin-right: 15px;
	overflow: visible;
	clear: left;
}

#vignettes{
font-size: 10px;
font-style: normal;
width: 50%;
padding-top: 5px;
padding-bottom: 10px;
height: 130px;
position: relative;
float: left;
overflow: visible;
text-align: center;
}

#postit{
	padding-top: 25px;
	padding-left: 0px;
	position: absolute;
	width: 236px;
	height: 240px;
	background-image: url(images/postit.png);
	background-repeat: no-repeat;
	top: 205px;
	left: 50%;
	margin-left: 50px;
	z-index: 3;
	font-family: "Reenie Beanie";
	line-height: 8px;
	font-size: 20px;
	color: #555555;
}

#boutik{
	position: absolute;
	width: 324px;
	height: 365px;
	background-image: url(images/boutik.png);
	background-repeat: no-repeat;
	top: 425px;
	left: 50%;
	margin-left: 0px;
	z-index: 3;
}

#feed{
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(images/feed.png);
	background-repeat: no-repeat;
	top: 217px;
	left: 50%;
	margin-left: 243px;
	z-index: 4;
}


#feed2{
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(images/feed.png);
	background-repeat: no-repeat;
	top: 228px;
	left: 50%;
	margin-left: -40px;
	z-index: 4;
}

#close{
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(images/close.png);
	background-repeat: no-repeat;
	top: 228px;
	left: 50%;
	margin-left: 262px;
	z-index: 4;
}

#close2{
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(images/close2.png);
	background-repeat: no-repeat;
	top: 275px;
	left: 50%;
	margin-left: -145px;
	z-index: 5;
}

a.postit{
	color: #555555;
	text-decoration: underline;
}
a.postit:hover{
	color: #555555;
	text-decoration: underline;
	font-style: italic;
}
a.postit:visited{
	color: #555555;
	text-decoration: underline;
}

#contact{
	position: absolute;
	width: 225px;
	height: 183px;
	background-image: url(images/carte.png);
	background-repeat: no-repeat;
	top: 525px;
	left: 50%;
	margin-left: -285px;
	z-index: 3;
}
#contact:hover{
	background-image: url(images/carteroll.png);
	background-repeat: no-repeat;
}

#logosreseaux{
	position: absolute;
	width: 271px;
	height: 94px;
	background-repeat: no-repeat;
	top: 670px;
	left: 50%;
	margin-left: -300px;
	z-index: 0;
}

#logofacebook{
	position: absolute;
	width: 76px;
	height: 62px;
	background-repeat: no-repeat;
	background-image: url(images/logoface.png);
	top: 683px;
	left: 50%;
	margin-left: -300px;
	z-index: 0;
}

#logotwitter{
	position: absolute;
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
	background-image: url(images/logotwitter.png);
	top: 713px;
	left: 50%;
	margin-left: -220px;
	z-index: 0;
}

#logomyspace{
	position: absolute;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-image: url(images/logomyspace.png);
	top: 680px;
	left: 50%;
	margin-left: -175px;
	z-index: 0;
}

#logoflickr{
	position: absolute;
	width: 67px;
	height: 70px;
	background-repeat: no-repeat;
	background-image: url(images/logoflickr.png);
	top: 670px;
	left: 50%;
	margin-left: -110px;
	z-index: 0;
}

#logowordpress{
	position: absolute;
	width: 36px;
	height: 37px;
	background-repeat: no-repeat;
	background-image: url(images/logowordpress.png);
	top: 720px;
	left: 50%;
	margin-left: -70px;
	z-index: 0;
}

#etiquette{
	position: absolute;
	z-index: 0;
	width: 238px;
	height: 333px;
	background-image: url(images/etiquette.png);
	background-repeat: no-repeat;
	top: 400px;
	left: 50%;
	margin-left: -540px;
}
#spread{
	margin-left: 135px;
	margin-top: 97px;
}

/* nav princ */
#navprinsaccueil {
	margin-top: 7px;
	text-align: center;
	font-family: monospace;
	font-size: 17px;
	font-weight: bolder;
	letter-spacing: 0px;
}
a.navprinsaccueil {
	margin-top: 7px;
	text-align: center;
	font-family: monospace;
	font-size: 17px;
	color: Black;
	font-weight: bolder;
	letter-spacing: 0px;
}
a.navprinsaccueil:hover {
	text-decoration: underline;
}

#navprinsliste {
	margin-left: -10px;
	text-align: left;
	font-family: monospace;
	font-size: 12px;
	letter-spacing: 2px;
}
ul.navprinsliste 
{
	text-align: left;
	font-family: monospace;
	font-size: 12px;
	list-style-image: url(images/pucemenu.png);
	list-style-type: circle ;
	letter-spacing: 2px;
	list-style-position: outside;
} 
a.navprincliens {
	font-family: "Lucida Console";
	font-size: 12px;
	color: Black;
	text-decoration: none;
}
a.navprincliens:hover {
	font-family: "Lucida Console";
	font-size: 12px;
	color: Black;
	text-decoration: underline;
}


/* travaux */
a.travauxliens {
	font-family: "Comic Sans MS";
	font-size: 11px;
	text-decoration: none;
	color: #313131;
}
a.travauxliens:hover {
	font-family: "Comic Sans MS";
	font-size: 11px;
	text-decoration: underline;
	color: #313131;
}

#lettre1{
	width: 392px;
	height: 242px;
	background-image: url(images/papier1.png);
	background-repeat: no-repeat;
	top: 100px;
	left: 50%;
	margin-left: -400px;
	z-index: 4;
	position: absolute;
	font-family: "Reenie Beanie";
	color: #2F30FF;
	line-height: 17px;
	font-size: 20px;
	text-shadow: #A9A9A9;
	text-shadow: 1px;
	padding-top: 50px;
	padding-left: 30px;
	}
	
div.interieurlettre{
	width: 352px;
	text-align: left;
}