body {
	background: white;
	margin: 0;
}
#top {
	background: url(pics/ValleeDeLaLuna_324x240.JPG) no-repeat;
	margin-top: 50px;
	width: 980px;
	min-height: 350px;
	margin: 0 auto 0 auto;
}
#top_rub {
	background: url(pics/bg_rub.gif) top left no-repeat;
	width: 980px;
	min-height: 200px;
	margin: 0 auto 0 auto;
}
#top_art {
	background: url(pics/bg_art.gif) top left no-repeat;
	width: 980px;
	min-height: 150px;
	margin: 0 auto 0 auto;
}
#bando {
	float: right;
	width: 200px;
}
.logo {
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #870101;
	padding: 15px 0 0 162px;
	text-align: right;
}
.logo_rub {
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #870101;
	padding: 15px 0 0 180px;
	text-align: right;
}
.logo_rub a {
	color: #870101;
	text-decoration: none;
}
.logo_rub a:hover {
	color: black;
	text-decoration: none;
}
.logo_rub_bleu a {
	margin: 4px 0 0 0;
	font-size: 16px;
	color: #CCFFFF;
	font-weight: bold;
	text-decoration: none;
}
.logo_rub_bleu a:hover {
	margin: 4px 0 0 0;
	color: #0099FF;
	text-decoration: none;
}
.logo_art {
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #870101;
	padding: 15px 0 0 100px;
	text-align: right;
}
.logo_art a {
	color: #870101;
	text-decoration: none;
}
.logo_art a:hover {
	color: #6666CC;
	text-decoration: none;
}
.intro_version {
	float: right;
	width: 734px;
	margin: 0 0 16px 6px;
}
.intro_version_rub {
	float: right;
	width: 744px;
	margin: 0 0 16px 6px;
}
.noir {
	color: black;
}
.spip {
	margin: 4px 0 0 0;
	/*color: black;*/
}
.b {
	font-weight: bold;
}
.right {
	float: right;
	width: 190px; /* 172 */
	background: url(pics/cadre_right.gif) repeat-y;
	margin: 0 0 0 6px;
	padding: 2px 0 6px 20px;
	text-align: center;
}
.right2 {
	float: right;
	width: 190x;
	height: 5px;
	background: url(pics/cadre_fin.gif) no-repeat;
	padding: 2px 0 6px 20px;
	text-align: center;
}
.random {
	float: left;
	width: 152px;
	padding: 2px 0 3px 0; 
	text-align: center;
}
.random_img {
	float: left;
	width: 152px;
	margin: 0;  
	text-align: center;
}
.random_img img {
	border: 1px solid white;
}
.random_2 {
	float: left;
	width: 175px;   
	padding: 2px 0 3px 0;
	text-align: center;
	border-bottom: 1px solid black;
}

.random_3 {
	float: left;
	width: 152px;
	padding: 2px 1px 1px 0;
	text-align: center;
	border-bottom: 1px solid black;
}

.dans_bloc_droit {
	float: left;
	width: 170px; 
	padding: 2px 0 3px 0;
	text-align: center;
	border-bottom:none

}
.recherche {
	float: left;
	width: 152px;
	margin: 3px 0 0 0;
	padding: 2px 0 0 0;
	text-align: center;
	border-top: 1px solid black;
}

.titrearticle{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #8DC0CB;
	font-weight: bold;
}

.titreparcours{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #8DC0CB;
	text-align: center;
}

em {
	font: bold 11px Arial, Helvetica, sans-serif;
	font-style:italic;
	color: #CCCCCC;
}

.lienretour1 a {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FF99CC;
	text-decoration: none;
}
.lienretour1 a:hover {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFCCCC;
	text-decoration: none;
}

.titrerub {
	font: bold 8px Arial, Helvetica, sans-serif;
}

.petittextebleu {
	font: bold 12px Arial, Helvetica, sans-serif;
	border-style:double;
	padding: 10px;
	border-color:#CCCCCC;
	color: #8DC0CB;
}

.petittextebleu a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #3399FF;
}

.petittextebleu a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #8DC0CB;
}

h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #8DC0CB;
}
h1 a {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #8DC0CB;
	text-decoration: none;
}
h1 a:hover {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-decoration: none;
}

h2 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #870101;
	margin: 0 0 6px 0;
}
h2 a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #870101;
	text-decoration: none;
}
h2 a:hover {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
}
h3 {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: black;
	margin: 0;
}
h3 a {
	color: #870101;
	text-decoration: none;
}
h3 a:hover {
	color: black;
	text-decoration: none;
}
h4 {
	margin: 3px 0 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
/*	color: #555;  */
	color: #33333;
}
h4 a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
h4 a:hover {
	color: black;
	text-decoration: none;
}
h5 {
	margin: 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #555;
}
h5 a {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
h5 a:hover {
	color: white;
	text-decoration: underline;
}
h6 {
	margin: 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: white;
}
h6 a {
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
h6 a:hover {
	color: #ddd;
	text-decoration: none;
}
.menus a {
	float: left;
	width: 160px;
	text-align: center;
	background: #870101;
	padding: 1px 0 2px 0;
	margin: 3px 0 0 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: white;
	letter-spacing: 1px;
	text-decoration: none;
	border-top: 1px solid #870101;
	border-bottom: 1px solid #870101;
}
.menus a:hover {
	background: #838079;
	text-decoration: none;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
.une {
	float: right;
	width: 424px;
	height: 135px;
	margin-top: 22px !important;
	margin-top: 22px;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 9px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-align: justify;
}
.une img {
	float: left;
	border: 1px solid black;
	margin: 3px 8px 0 0;
}
.neutre {
	font: bold 9px Arial, Helvetica, sans-serif;
	color: #6F6D62;
}
.form {
	width: 146px;
	border: 1px solid black;
	background: white;
	padding: 2px;
	margin: 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #555;
}
.form1 {
	float: left;
	width: 100%;
	border: 1px dotted black;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	padding: 4px;
}
.form2 {
	float: right;
	width: 220px;
	border-top: none;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	background: #F1E4B1; /*white;*/
	margin: 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #660000;  /*#555;*/
}
form {
	margin: 0;
}
.form_base {
	border: 1px solid black;
	padding: 2px;
	margin: 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #555;
}
.content {
	float: right;
	width: 744px;
	margin: 7px 7px 0 0;
	padding: 0 0 10px 0;
	border-top: 1px solid #838079;
}
.content_rub {
	float: right;
	width: 748px;
	margin: 42px 0 0 0;
	padding: 0 0 10px 0;
	border-top: 1px solid #838079;
}
.content_art {
	float: right;
	width: 748px;
	margin: 27px 0 0 0;
	padding: 0 0 10px 0;
	border-top: 1px solid #838079;
}
.pic_title {
	width: 100%;
	background: url(pics/bg_pic_title.gif) center no-repeat;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: white;
	padding: 12px 0 4px 0;
	text-align: center;
}
.pic_image {
	width: 100%;
	background: url(pics/bg_pic_image.gif) center repeat-y;
	text-align: center;
}
.pic_image img {
	border: 1px solid white;
}
.pic_texte {
	width: 724px;
	background: url(pics/bg_pic_image.gif) center repeat-y;
	text-align: center;
	padding: 6px 10px 0 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: white;
}
.pic_base {
	width: 100%;
	height: 14px;
	background: url(pics/bg_pic_base.gif) center no-repeat;
	margin: 0 0 10px 0;
}
.b {
	font-weight: bold;
	color: black;
}
.texte_intro {
	float: right;
	width: 440px;
	padding: 15px 0 0 0;
}
.galeries {
	float: left;
	width: 176px;
	height: 60px;
	padding: 0 0 0 10px;
}
.galeries img {
	float: left;
	border: 1px solid black;
	margin-right: 3px;
}
.articles {
	float: left;
	display: block;
	width: 180px;
	height: 132px;
	text-align: center;
	margin: 7px 0 0 7px;
	background: url(pics/bg_articles.gif) no-repeat;
	padding: 6px 0 0 0;
}
.articles_2 {
	float: right;
	width: 180px;
	height: 132px;
	text-align: center;
	background: url(pics/bg_articles.gif) no-repeat;
	padding: 6px 0 0 0;
}
.articles img {
	border: 1px solid white;
}
.mess_forum {
	float: left;
	width: 540px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #555;
	border: none;
}
.reponse_formulaire {
	float: left;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: black;
	border: none;
}
.formulaire {
	float: left;
	width: 540px;
	font: 11px Arial, Helvetica, sans-serif;
	color: black;
	border: 1px dotted black;
	margin: 0 0 6px 0;
}
.total {
	border-top: 1px dotted black;
	padding: 1px;
	margin-top: 2px;
}
.sstitre {
	font-size: 12px;
}
.sstitre a {
	font-size: 12px;
	color: #870101;
	text-decoration: none;
}
.sstitre a:hover {
	font-size: 12px;
	color: black;
	text-decoration: none;
}
.titre {
	color: #ddd;
	padding-bottom: 3px;
}
.hasard {
	color: #ddd;
}
.url {
	padding-bottom: 3px;
}
.photo {
	margin-top: 0;
	color: white;
}
.intro {
	margin-left: 9px;
}
.serie {
	margin-bottom: 1px;
}
.pix {
	border: none;
	margin: 0;
	float: none;
}
.zero {
	margin: 0;
}
.noir {
	color: black;
	padding-bottom: 4px;
}
.noir a {
	color: black;
	text-decoration: underline;
}
.noir a:hover {
	color: black;
	text-decoration: none;
}
.noir2 {
	color: black;
	padding-bottom: 4px;
}
.noir2 a {
	color: white;
	text-decoration: none;
}
.noir2 a:hover {
	color: white;
	text-decoration: underline;
}
.date {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #555;
}
.blanc {
	color: white;
	margin-bottom: 3px;
}
.spip_bouton {
	float: left;
	background: #870101;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	border: none;
	padding: 0 1px 2px 3px;
}
.navigation {
	float: right;
	/*width: 730px;
*/
	/*margin: 0 0 10px 0;*/
	text-align: right;
}
.navigation a {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #0099CC;
	text-decoration: none;
}
.navigation a:hover {
	text-decoration: underline;
}