body {
	font-family: 'Verdana', 'Helvetica', sans;
	/*background: url('medias/bgNoir.png');*/
	background: black;
	margin: 0;
	padding: 0;
	}
.first {
	margin-top: 0;
	}
.last {
	margin: 0;
	clear: both;
	background: white;
	}
img {
	border: none;
	text-decoration: none;
	}
abbr {
	cursor: help;
	}
/* Mise en page gnrale */
/*//////////////////////*/
#logo {
	position: absolute;
	top: 36px;
	left: 20px;
	width: 150px;
	height: 69px;
	background: url('medias/logo.png');
	cursor: pointer;
	}
#titre {
	position: absolute;
	top: 30px;
	left: 54%;
	margin-left: -223px;
	width: 446px;
	height: 64px;
	background: url('medias/titre.png');
	font-size: 1px;
	cursor: pointer;
	}
#titre span {
	display: none;
	}
#soustitre {
	position: absolute;
	top: 90px;
	left: 8%;
	width: 92%;
	text-align: center;
	color: #555;
	font-size: 0.9em;
	}
/* Menu */
/*/////*/
#menu {
	position: absolute;
	top: 150px;
	/*margin-right: 76%;*/
	left: 70px;
	/**/
	}
#menu ul {
	margin: 0;
	padding: 0;
	width: 170px;
	}
#menu li {
	position: relative;
	margin: 0;
	font-size: 12px;
	list-style: none;
	font-weight: bold;
	text-align: left;
	}
#menu li ul {
	display: none;
	margin: 0 -5px 0 -5px;
	}
#menu li ul li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0 10px 0 0;
	font-weight: normal;
	text-align: left;
	list-style: url('medias/pucemenu.gif');
	}
#menu li:hover ul {
	display: block;
	}
#menu a {
	text-decoration: none;
	color: #8FB300;
	}
#menu a:hover {
	color: #24B300;
	}
/* Contenu de la page principale */
/*//////////////////////////////*/
#page {
	position: absolute;
	top: 120px;
	left: 200px;
	right: 70px;
	color: #986F43;
	text-align: justify;
	font-size: 0.9em;
	}
#page h2 {
	color: black;
	border-top: solid 3px #E4FFD5;
	border-bottom: solid 3px #D8FFC2;
	padding: 2px;
	font-size: 1.3em;
	letter-spacing: 0.3em;
	font-variant: small-caps;
	text-shadow: #FFFFBF 0 0 10px;
	}
#page a {
	color: #8FB300;
	font-weight: bold;
	text-decoration: none;
	border-bottom: dotted 1px #8FB300;
	}
#page a:hover {
	border-bottom: solid 1px #44C100;
	background: #D8FFC2;
	}
#page a.noHover {
	border: none;
	}
#page a.noHover:hover {
	border: none;
	background: none;
	}
#page strong, #page i {
	color: #663500;
	}
#page table {
	width: 80%;
	border-collapse: collapse;
	color: black;
	margin: 0 10% 0 10%;
	font-size: 0.7em;
	border-bottom: solid gray 1px;
	}
#page td {
	border-left: solid gray 1px;
	border-right: solid gray 1px;
	width: 25%;
	text-align: center;
	}
#page td:first-child {
	text-align: left;
	}
#page td strong {
	color: purple;
	font-size: 1.1em;
	}
#page td:first-child strong {
	color: black;
	}
#page th {
	background: white;
	text-align: center;
	border: gray 1px solid;
	}
#page th:first-child {
	background: #E4FFD5;
	border-top: none;
	border-left: none;
	}
#page .row_odd {
	background: #ddd;
	}
#page .row_even {
	background: #D1B0FF;
	}
	
	
.breves, .forums {
	margin-top: 10px;
	padding: 10px;
	background: #A666FF;
	color: white;
	border: 3px solid #F1CFFF;
	font-size: 0.8em;
	}
#forum li {
	list-style: none;
	font-size: 0.8em;
	}
#forum li a {
	color: black;
	}
.breves dt em, .forums li em {
	font-size: 0.8em;
	}
#page .breves dt a {
	color: black;
	font-size: 0.9em;
	}
.breves dt {
	border-top: 1px purple solid;
	}
.breves dt:first-child {
	border: none;
	}
.breves dd {
	font-size: 0.9em;
	cursor: help;
	}
.complet {
	display: none;
	}
.breves dd span.resume:after {
	content: ' (...)';
	}
.breves dd:hover span.resume:after {
	content: '';
	}
.breves dd:hover .complet {
	display: inline;
	}
#brevesb {
	float: left;
	width: 45%;
	}
#forum {
	float: right;
	width: 45%;
	}
.notes {
	color: gray;
	font-size: 0.7em;
	background: #eee;
	}
p.spip:first-letter {
	font-weight: bold;
	color: purple;
	}
blockquote.spip {
	padding: 5px;
	background: #E4FFD5 url('medias/quote.jpg') no-repeat top right;
	}
/* CSS Selector */
/*/////////////*/
#validators {
	position: absolute;
	top: 10px;
	right: 10px;
	}
/* Pied de page */
/*/////////////*/
h6 {
	color: gray;
	text-align: center;
	}
/* Cadre */
/*//////*/
.cadredroite {
	background: url('medias/cadred.png') right repeat-y;
	padding-right: 29px;
	margin: 0;
	}
.cadregauche {
	background: url('medias/cadreg.png') left repeat-y;
	margin: 0;
	padding: 0 0 0 29px;
	}
.cadregauche .white {
	padding: 0 30px 0 30px;
	}
.cadrebas {
	background: url('medias/cadreb.png') bottom repeat-x;
	margin: 0 29px 0 29px;
	padding: 0;
	height: 29px;
	}
.cadrehaut {
	background: url('medias/cadreh.png') repeat-x;
	margin: 0 29px 0 29px;
	padding: 0;
	height: 29px;
	}
.cadrecoingauche {
	position: relative;
	background: url('medias/cadrebg.png') no-repeat;
	bottom: 0;
	left: 0;
	width: 29px;
	height: 29px;
	float: left;
	}
.cadrecoindroit {
	position: relative;
	background: url('medias/cadrebd.png') no-repeat;
	bottom: 0;
	right: 0;
	width: 29px;
	height: 29px;
	float: right;
	}
.cadrecoinhgauche {
	position: absolute;
	background: url('medias/cadrehg.png') no-repeat;
	top: 0;
	left: 0;
	width: 29px;
	height: 29px;
	margin: 0;
	}
.cadrecoinhdroit {
	position: absolute;
	background: url('medias/cadrehd.png') no-repeat;
	top: 0;
	right: 0;
	width: 29px;
	height: 29px;
	margin: 0;	
	}
/* Menu */
/*/////*/
.menudroite {
	background: url('medias/menud.png') right repeat-y;
	padding-right: 15px;
	margin: 0;
	}
.menugauche {
	background: url('medias/menug.png') left repeat-y;
	padding-left: 15px;
	margin: 0;
	}
.white {
	background: white;
	}
#menu .white {
	padding-right: 20px;
	}
.menubas {
	background: url('medias/menub.png') bottom repeat-x;
	margin: 0 15px 0 15px;
	padding: 0;
	height: 15px;
	}
.menuhaut {
	background: url('medias/menuh.png') repeat-x;
	margin: 0 15px 0 15px;
	padding: 0;
	height: 15px;
	}
.menucoingauche {
	position: relative;
	background: url('medias/menubg.png') no-repeat;
	bottom: 0;
	left: 0;
	width: 15px;
	height: 15px;
	float: left;
	}
.menucoindroit {
	position: relative;
	background: url('medias/menubd.png') no-repeat;
	bottom: 0;
	right: 0;
	width: 15px;
	height: 15px;
	float: right;
	}
.menucoinhgauche {
	position: absolute;
	background: url('medias/menuhg.png') no-repeat;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	margin: 0;
	}
.menucoinhdroit {
	position: absolute;
	background: url('medias/menuhd.png') no-repeat;
	top: 0;
	right: 0;
	width: 15px;
	height: 15px;
	margin: 0;	
	}

/**/
.previews_sites {
	float: left; 
	text-align: center;
	}