#bandeau {
	position:relative;
	left:50%;
	top:20px;
	width:700px;
	height:125px;
	z-index:1;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: inherit;
	margin-left: -350px;
}
#myApple {
	position:relative;
	top:0px;
	margin-left: -665px;
}
.fd1{ background-image: url(../images/bandeaux/bandeau1.jpg); }
.fd2{ background-image: url(../images/bandeaux/bandeau2.jpg); }
.fd3{ background-image: url(../images/bandeaux/bandeau3.jpg); }
.fd4{ background-image: url(../images/bandeaux/bandeau4.jpg); }
.fd5{ background-image: url(../images/bandeaux/bandeau5.jpg); }
.fd6{ background-image: url(../images/bandeaux/bandeau6.jpg); }
.fd7{ background-image: url(../images/bandeaux/bandeau7.jpg); }
.fd8{ background-image: url(../images/bandeaux/bandeau8.jpg); }

body {
	background-color: #000000;
}
.blogpost {
	background-color: #333333;
	border: 1px solid #777777;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	
}
.blogde, .blogde a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration:none;
}

.blogdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration:none;
}

.blogtitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.blogtexte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}
.separateur{
	padding:5px 5px 5px 5px;
}
.blogcom{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EEEEEE;
}
.bloglaisser, .bloglaisser a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EEEEEE;
	text-decoration:none;
}

fieldset {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #333333;
	border: 1px solid #777777;
	margin-top: 10px;
}


#corps {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 700px;
	text-align: left;
	left: 50%;
	position: absolute;
	margin-left: -350px;
	margin-top: 65px;
}
#titreBandeau, #titreBandeau a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 20px;
	text-decoration:none;
}
#sousTitreBandeau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #660099;
	margin-top: -15px;
}
#basDeBandeau {
	margin-top: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660033;
	position: relative;
	text-align: left;
}
.article {
	background-color: #1A1A1A;
	padding: 10px;

}
.picto {
float: left;
padding-right:5px;
}
.titreArticle, .titreArticle a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;	
}
.dateArticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
}

.texteArticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCCCCC;
}
.vignettes{}
.vignette{border: 1px solid #FFFFFF; }
.illustre{
	float:right;
	margin-left:20px;
	border: 1px solid #FFFFFF;
}
img { border:0; }
.phot {position:relative;float:left;}
.reflet { position: absolute;top:100%;}
.cleaner { clear:both; }
hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	border: 0;
}

.basdepage {
	background-color: #1A1A1A;
	
	padding-right:20px;
	margin-bottom:20px;
	text-align: right;
}

.vignette_in {
	border:1px solid #FFFFFF;
}
#navi {
	background-color: #1A1A1A;
	border: thin solid #8C8C8C;
	width: 700px;
	text-align: left;
	left: 50%;
	position: absolute;
	margin-left: -350px;
	margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #909090;
	height: 25px;
}
.btNav {
	float:left;
	color: #FFFFFF;
	margin-left:7px;
	margin-right:7px;
	margin-top:5px;
}
.btNav a {
	color: #2D8BFF;
	text-decoration: none;
}
.btNav a:hover{
	color: #FFFF99;
	text-decoration: none;
}