body {
	background: #000000 url(../images/fond.png);
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 77%;
	width: 90%;
	color: #ffffff;
	margin: auto;
	text-decoration: none;
}

#corps a, a:link, a:visited, a:active { color: #8B7B5F; text-decoration: none; }
#corps  a:hover { color: rgb(231, 214, 181); text-decoration: none; }

a img { border: none; }

img {
	border: none;
}

input{
	margin: 2px;
}

select{
	margin: 2px;
}

table {
   border-collapse: collapse;
}

.tableau table {
   width: 100%;
   margin: auto;
   border-collapse: collapse;
}

.tableau th {
   background-image: url(../images/speedbarre4.png);
   font-family: Arial, Tahoma;
   color: white;
   padding: 5px;
}

.tableau td {
   background-color: #090909;
   text-align: center;
   padding: 3px;
}

/***************
*	ERREUR - OK		*
****************/
.success_petit {
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	background: #050505;
	margin: 5px 2px 5px 2px;
	padding: 5px;
	color: #119911;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.failure_petit {
	border-top: 1px solid #222222;
	border-bottom: 1px solid #222222;
	background: #050505;
	margin: 5px 2px 5px 2px;
	padding: 5px;
	color: #954400;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.success{
	padding: 8px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	width: 400px;
	height: 150px;
}

.failure {
	padding: 8px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	width: 400px;
	height: 150px;
}

.unspecified {
	background-color: #57839d;
	color: white;
	border: 1px dashed #333333;
	padding: 8px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	position: absolute;
	left: 50%; 
	top: 50%;
	width: 400px;
	height: 150px;
	margin-top: -75px;
	margin-left: -200px;
}

/* ************************
Header
 ************************ */

.header  { 
	text-align: center; 
	margin-top:5px;
	color: #ffffff;
}

.menu_speed { 
	position: relative; 
	background: #000000 url(../images/speedbarre4.png) repeat-x; 
	height: 50px; 
	padding: 0px 20px 0px 5px; 
	margin: 5px 5px 20px 5px; 
	color: #ffffff;
}

.menu_speed ul li { 
	display: inline; 
	line-height: 52px; 
	padding-left: 3px;
	color: #ffffff;
}

.menu_speed ul li a { 
	background-color: transparent; 
	background-repeat: repeat-x; 
	padding: 8px 12px 8px 12px; 
	font-size: 13px; 
	color: #ffffff;
	text-decoration: none;
	font-weight: bold; 
}

.menu_speed ul li a:hover { 
	background: #0B090A; 
	color: #333333; 
	text-decoration: none; 
}

/* ************************
Menu
************************ */
.menu {
	float: left;
	width: 220px;
	height: 100%;
	padding-left: 10px;
	margin-left:0.2%;
	margin-right:0.5%;
	margin-top: 0.5%;
	background: url('../images/hrVertical.png') repeat-y right top;
}

.menu_gauche {
	margin-bottom: 10px;
	padding-right: 6px; 
 }
 
.menu_gauche h2 { 
	color: #ffffff; 
	font-size: 16px;
	margin-left: 2px;
	height: 25px; 
	margin: 0; 
	text-align: left;
 }
  
.menu_gauche li {
	margin-left: 30px ; 
	padding-bottom: 3px;
 }
 
.menu_gauche ul { 
	list-style-type: none;
	margin: 0;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px; 
 }
 
.menu_gauche ul li ul li { 
	margin: 0px; 
	padding: 2px; 
	padding: 1px;
	padding-bottom: 2px;
}

.menu_droite {
	float: right;
	width: 180px;
	height: 100%;
	padding-left: 10px;
	margin-left:0.2%;
	margin-right:1%;
	margin-top: 0.5%;
	margin-bottom: 10px;
	padding-left: 6px; 
}
 
.menu_droite h2 { 
	color: #ffffff; 
	font-size: 16px;
	margin-left: 2px;
	height: 25px; 
	margin: 0; 
	text-align: left;
 }
  
.menu_droite li {
	margin-left: 25px ; 
	padding-bottom: 3px;
 }
 
.menu_droite ul { 
	list-style-type: none;
	margin: 0;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px; 
 }
 
.menu_droite ul li ul li { 
	margin: 0px; 
	padding: 2px; 
	padding: 1px;
	padding-bottom: 2px;
}

.menu_biblio { 
	position: relative; 
	height: 25px; 
	padding: 0px 20px 0px 20px; 
	margin: 5px 5px 50px 5px; 
}

.menu_biblio ul li { 
	display: inline; 
	line-height: 25px; 
	padding: 0px 20px 0px 20px; 
	color: #ffffff;
}

/* ************************
 Le corps de la page 
 ************************ */
 
#corps {
   background: #0B090A;
   border-right: 1px solid #332005;
   border-left: 1px solid #332005;
   padding-top: 6px;
}

.contenu {
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 5px;
   padding-right: 10px;
   margin-left: 230px;
   margin-right: 15px;
   min-height: 700px;
}

.news {
	background: url('../images/bar.png') repeat-x top left;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

.titre_news {
	font-weight: bold;
	font-size: 14px;
	background: url('../images/hr.png') repeat-x bottom left;
	padding: 10px;
	margin-left: -10px;
	margin-bottom: 20px;
	text-decoration: none;
}

.title-post{
   	background: url('../images/hr.png') repeat-x left top;
   	display: block;
   	margin-bottom: 10px;
}

.title-post-news{
   	background: url('../images/hr.png') repeat-x left top;
   	display: block;
   	margin-bottom: 10px;
	margin-left: 85px;
}

.auteur {
	margin-top: -15px; 
	color: #666666; 
	font-size: 0.9em;
}

.post_news {
	padding-top: 2px;
}

.page {
	margin: 0 auto;
	float: left;
	margin-top: 20px;
	text-align: center;
}	
	
.num {
	border: 1px solid #222222;
	background: #111111;
	padding: 5px 7px;
	text-align: center;
	text-decoration: none;
}

/* Corps - commentaire */

.who { width:25%; float:left;}
.comment { width:73%; float:right; margin-top: -10px; }
.comment_avatar { margin-top: 24px; }
.avatar { 
    width: 64px;
    height: 64px;
   	padding: 3px;
    margin: 0px 10px 10px 10px;
    background: #090909;
	border: 1px solid #111111;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
	float:left;
}

/* Corps - divers */

.info {
	margin: 10px 10px 10px 20px;
	padding: 10px;
	border-left: 5px solid #222222;
	background-color: transparent;
	font-style: italic;
}
.bar {
	background: url('../images/hr.png') repeat-x;
	padding: 2px;
	margin: 10px 0px 10px 0px;
}
.touche {
	border: 1px solid #333333; 
	-moz-border-radius: 2px; 
	background: url('../images/corps-content.png'); 
	padding: 3px 5px; 
}

.bordure {
	padding: 5px;
	background: #111111;
	border: 1px solid #222222;
}

.wp-caption {
	border: 1px solid #222222;
	text-align: center;
	background-color: #050505; 
	padding-top: 4px;
	margin: 0px 10px 10px 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.wp-caption img {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	color: white;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* ************************
BIBLIOTHEQUE   
************************ */

.biblio_derniers {
	margin: 5px 0px 15px 15px;
}

.biblio_auteur {
	margin-top: -1px;
	color: #666666; 
	font-size: 0.9em;
}

.biblio_description {
	margin-left: 10px;
}

/* ************************
JEUX DE ROLES - PROFIL ...  
************************ */

.module-profil {
	float: right;
	width: 175px;
	border: 1px solid #222222;
	background: #050505;
}

.title-profil {
	background: url(../images/speedbarre4.png);
	border-bottom: 1px solid #111111;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 5px;
}

.citation {
	color: #cecece;
	font-style: italic;
	text-align: center;
}

.module-profil-autre {
	width: 90%;
	margin: auto;
	border: 1px solid #222222;
	background: #050505;
	padding: 10px;
}

.profil table {
	width: 100px;
}

.profil tr {
	width: 50%; 
}

.profil td {
	width: 25%; 
	max-width: 25%;
	color: #cecece;
	font-style: italic;
	padding: 8px;
}

/* ************************
Compte  
************************ */

.infobox_membre {
	float: left;
	margin: 10px;
	padding: 10px;
	text-align: center;
	background: #090909;
	border: 1px solid #111111;
	margin-bottom: 15px;
}

/* ************************
Formulaire  
************************ */

fieldset {
	border: none;
}

legend {
	display: none;
}

label.label_cote {
	float:left;
	width: 180px;
	margin-right: 8px;
	margin-top: 4px;
	text-align: right;
}


input[type=text], input[type=submit], input[type=password], select {
    margin: 0px;
    background: #050505;
	margin-left: 8px;
	padding: 5px;
}

input[type=checkbox] {
	text-align: right;
	margin-left: 175px;
	margin-right: 15px;
	margin-top: 4px;
}

input[type=text]:focus, input[type=submit]:focus, input[type=password]:focus, textarea:focus {
    background: #111111;
}

#submit, #reset {
	background: #050505;
	border: 1px solid #222222;
	color: white;
	height: 30px;
	padding-right: 12px;
	padding-left: 12px;
	margin-top: 5px;
}

#pseudo, #email, #emailbis, #sujet, #site, #captcha, #login, #pass, #repass, #suggestion, #recherche, #categorie, #contenu {
	border: 1px solid #222222;
	color: white;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 13px;
	margin-left: 8px;
	padding: 5px;
}

textarea {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 13px;
    border: 1px solid #222222;
	background: #050505;
	vertical-align: middle;
	color: white;
	margin-left: 8px;
	padding: 5px;
}

#de, #face, #malus {
	border: 1px solid #222222;
	color: white;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 13px;
	margin-left: 8px;
	padding: 5px;
	text-align: center;
}

.bloc_bouton {
	float: right; 
	margin-top: 10px; 
	margin-right: 20px;
}

/* ************************
Titre  
************************ */

h1 {
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
	text-align: center;
	text-decoration: none;
}

h2 {
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
	margin-left: 15px;
	text-decoration: none;
}

h3{
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
   	background: url('../images/hr.png') repeat-x left bottom;
   	padding: 9px 0px 6px 4px;	
    font-size: 18px;
    font-weight: bold;
	color: white;
	text-decoration: none;
	line-height: 19px;
}

h3 a {
	font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
   	color: white;
	background-color: inherit;
	line-height: 19px;
   	text-decoration: none;
}

h3 a:hover {
   	color: f9f9f9;
   	text-decoration: none;
}

h4{
   	background: url('../images/hr.png') repeat-x left bottom;
   	padding: 9px 0px 6px 4px;
    font-family: "Helvetica Neue", helvetica, Arial, sans-serif;	
    font-size: 14px;
    font-weight: bold;
	text-decoration: none;
}

h5{
   	padding: 9px 0px 6px 4px;
    font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
	color: #d5de00;
	text-decoration: none;
}

/* ************************
 Style d'écriture   
************************ */
.ttpetit { font-size: xx-small;}
.tpetit { font-size: x-small;}
.petit { font-size: small;}
.gros { font-size: large;}
.tgros { font-size: x-large;}
.ttgros { font-size: xx-large;}

.souligner { text-decoration: underline; }
.barrer { text-decoration: line-through; }
	
.aligncenter { text-align: center; }
.alignleft {	float: left; }
.alignright { float: right; }

.puce li { padding: 2px; list-style-image: url('../images/liste.png');}
.liste li { padding: 6px; line-height: 17px;}

/* ************************
Couleur
************************ */
.administrateur { color: #880000; }
.moderateur { color: #000088; }
.newser { color: #006600; }
.scribe { color: #996600; }
.membre { }

.blanc { color: white;}
.noir { color: black;}

.rouge { color: red;}
.orange { color: #de6f00}
.jaune { color: yellow;}
.gris { color: gray;} 
.bleu { color: blue;}

.argent { color: silver;}
.marron { color: maroon;}
.rose { color: fuchsia;}
.olive { color: olive;}
.vertc { color: lime; }
.vertf { color: green;}
.bleugris { color: teal;}
.turquoise { color: aqua;}
.marine { color: navy;}
.violet { color: purple;}

.incorrect { color: red; margin: 5px 0px 2px 30px; font-style: italic; }
.correct { color: green; margin: 2px 0px 5px 30px; font-style: italic; }

/***************
*	ADMINISTRATION	*
****************/

.suggestion {
	margin: 7px;
	background: #090909;
	border: 1px solid #222222;
	padding: 10px 5px 2px 10px;
}

/***************
*	FOOTER - Des informations supplémtentaires.	*
****************/

.cleaner {
	clear:both;
}

#footer {
	background: transparent url('../images/bg_footer_contenu.png') repeat-x scroll top;
	border-top: 4px solid #B3814F;
	clear: both;
	margin-top: 110px;
	padding-top: 0;
	margin-right: 5px;
	margin-left: 5px;
	color: white;
}

#footer ul {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 800px;
}

#footer ul li {
	color: white;
	display: block;
	float: left;
	list-style-type: none;
	width: 200px;
}

#footer ul ul {
	margin: 8px 0 0;
	width: auto;
}

#footer ul ul li {
	float: none;
	margin: 1px 0;
	width: auto;
	text-align: justify;
	padding: 3px;
}

#valid {
	color: white;
	float: right;
	text-align: right;
	padding: 20px 10px 0px 0px;
}

/****************
*	CALENDRIER	*
****************/

.calendrier {
	padding-right:10px ;
	border-width:0px ;
	text-align: center; 
	border-spacing: 1px; 
	font-size: 1.0em; 
	margin: auto ;
}

.calendrier .today { 
	font-weight: bold;
	border: 1px solid #222222;
	background-color: #111111;
}

.calendrier td, .calendrier tr{
	padding: 0;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs sont utilisés pour le titre de l'évènement */

.calendrier .celluleevenement, .calendrier .evenement h6{
	background-color: #090909;
	border: 1px solid #222222;
}

.calendrier .evenement h6{
	font-size:1.0em ;
	margin:0;
	padding:0;
	background-color: #cecece;
}

.calendrier .evenement{
	font-weight: normal ;
	border: 1px solid #222222; 
	background-color: #111111; 
	z-index: 10; 
	padding: 2px;
	margin-top:1px;
	color: black;
}

.calendrier .evenement{
	position: absolute; 
	visibility: hidden; 
	min-width: 150px;
	max-width: 250px;
}

.calendrier td {
	border: none; 
}

.calendrier td:hover {
	background-color:#333333;
}

/* ******************
	EVENEMENT 
****************** */

.calendrier-grand {
	width: 100%;
	text-align: center;
	margin: auto;
	border-collapse: collapse;
}

.calendrier-grand th {
   background-image: url(../images/speedbarre4.png);
   font-family: Arial, Tahoma;
   color: white;
   padding: 7px;
}

.calendrier-grand tr {
}

.calendrier-grand tr:hover{
	background: transparent;
}

.calendrier-grand .event_today {
	font-weight: bold;
	text-decoration: underline;
}

.calendrier-grand .evenement_today {
	padding: 10px 15px 10px 10px;
	background: #111111;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
	max-width: 15px;
}

.calendrier-grand .celluleevenement{
	max-width: 15px;
}

.calendrier-grand .titre_event{
	font-size: 12px;
	margin: 1px;
	padding: 1px;
	font-weight: bold;
	border-bottom: 1px solid #222222;
}

.calendrier-grand .description {
	color: #cecece;
}

.calendrier-grand .evenement{
	font-size: 9px;
	border: 1px solid #222222; 
	background: #090909;
	padding: 2px;
	margin-top: 1px;
}

.calendrier-grand .evenement{
	max-width: 100%;
	min-width: 99%;
	min-height: 65px;
}

.calendrier-grand td { 
	padding: 10px 15px 10px 10px; 
}

.calendrier-grand td:hover {
	padding: 10px 15px 10px 10px;
	background: #111111;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
}