@charset "utf-8";
/* CSS Document */
body {
	width: 100%;
	margin: auto; /* Pour centrer notre page */
	margin-top: 0px; /* Marge en haut*/
	margin-bottom: 0px;    /* Marge en bas */
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #454545;
	background-color: #171717;
	font-size:11px;
	background-image: url("images/wallpaper.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

img {
	vertical-align: top;
	border: none;
}

.clearer { 
	clear: both;
	height: 0;
}

.cache {
	display: none;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	color: #454545;
	font-size: 11px;
	margin: 0;
	padding: 8px 0 2px 0;
}

a {
	text-decoration: none;
	color: #D4A634;
}

a:hover {
	color: #B88A18;
}
   
a img /* Toutes les images contenues dans un lien */ {
	border: none; /* Pas de bordure */
    text-decoration: none; /* Les liens ne seront plus soulignés */
	margin:0;
	padding:0;
}

#design {
	margin: auto;
	text-align: left;
	width: 1000px;
}

/**************************************
* --> DESIGN 
**************************************/
#header {
	width: 1000px;
	height: 173px;
	background-image: url("images/header.jpg");
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

#egame {
	width: 424px;
	height: 250px;
	background-image: url("images/egame.jpg");
	background-repeat: no-repeat;
	padding: 65px 22px 0 258px;
	margin: 0;
	float: left;
}

#philosophie {
	width: 252px;
	height: 251px;
	background-image: url("images/philosophie.jpg");
	background-repeat: no-repeat;
	padding: 64px 20px 0 24px;
	margin: 0;
	float: left;
}

#philosophie p {
	font-size: 14px;
	padding-top: 12px;
}

#blog {
	width: 704px;
	height: 266px;
	background-image: url("images/blog.jpg");
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	float: left;
}

#blog ul {
	list-style-type: none;
	margin: 0;
	padding: 55px 0 0 76px;
}

#blog li {
	margin: 0;
	padding: 12px 0 0 0;
	clear: both;
}

#blog li a {
	color: #454545;
}

#blog li a:hover {
	color: #941cf5;
}

#blog li .blog_ligne1 {
	display: block;
	float: left;
	width: 320px;
}

#blog li .blog_ligne2 {
	display: block;
	float: left;
	width: 146px;
}

#blog li .blog_ligne3 {
	display: block;
	float: left;
	width: 95px;
}

#blog li .blog_ligne4 {
	display: block;
	float: left;
	width: 20px;
	color: #a7c909;
}

#tags {
	width: 252px;
	height: 196px;
	background-image: url("images/tags.jpg");
	background-repeat: no-repeat;
	padding: 70px 20px 0 24px;
	margin: 0;
	float: left;
}

#btn_email {
	float: left;
	margin: 26px 0 0 330px;
}

#btn_twitter {
	float: left;
	margin: 26px 0 0 74px;
}