/* -------------------------------------------------------------------------------------------------------- */
/* SITE */
body
{
   width: 987px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   background-color: #153E72;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 12px;
   color:#ffffff;
}

body { text-align: center ; }

a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color:#009bd5;
   text-decoration:none;}

   
a:focus /* Quand le visiteur sélectionne le lien */
{
   color: #00baff;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   color:#00baff;
   text-decoration:underline;
}
a /* Lien normal */
{
   text-decoration: none;
   color: #009bd5;
}

#site 
{
width:989px;
margin:auto;}

#index
{
	margin-left: auto;
	margin-right: auto;
   	margin-top:33px;
	width:722px;
	background-image:url(img/corps_fond.png);
	margin-bottom:60px;
	}
/* -------------------------------------------------------------------------------------------------------- */

/* En-tête - BAnnières - Shoutbox */

#en_tete
{  width:987px;
   height: 155px;
   margin-bottom: 0px;
}

/* Bannière de l'En-tête */

#banniere /* image de la bannière */
{
   width:987px;
   height: 200px;
   background-image: url(img/header.png);
   background-repeat: no-repeat;
}

/*Shoutbox de l'En-tête */

.shoutbox
 {
   font-size: 12px;
   color:#797979;
}

#shoutbox_top
{
margin-top: -2px;
text-align:left;
   color:#F4F4F4;

   margin-left:250px;
padding-top: 10px;
}

#barre_haut
 {
   width: 987px;
   background-image:url(img/barre.png);
   background-repeat: no-repeat;
   height:29px;
}

#txt_barre_haut /* Caractéristique du texte (lien) du menu */
{
margin-left:200px;
padding-top: 5px;
text-align:left;
   height:27px;
   color:#F4F4F4;
}

#barre_bas
 {
   width: 987px;
   background-image:url(img/barre.png);
   background-repeat: no-repeat;
   height:27px;
   }

#txt_barre_bas /* Caractéristique du texte (lien) du menu */
{
margin-left:12px;
padding-top: 5px;
text-align:left;
   height:27px;
   color:#F4F4F4;
}

   
/* -------------------------------------------------------------------------------------------------------- */
/* Le menu */

#menu 
{
    position:relative;
	float:left;
	width:193px;
	margin-left:35px;
	margin-top:-50px;
	margin-bottom:60px;
	}

#menu_fond /* Premier menu (image, taille, ... */
{
position:relative;
width:193px;
background-image:url(img/menu_fond.png);	
}


#menu_haut /* Premier menu (image, taille, ... */
{
position:relative;
width:193px;
background-image:url(img/menu_haut.png);
}
	
#menu_bas{ /* fin menu ( Image, taille, ...) */
position:relative;
height:21px;
width:193px;
background-image: url(img/menu_bas.png);
}	
	
#txt_menu /* Caractéristique du texte (lien) du menu */
{
margin-left:15px;
margin-right:12px;
text-align:left;
}

#titre_menu /* Caractéristique du texte (lien) du menu */
{
margin-left:12px;
margin-right:12px;
text-align:left;
color:#3e3e3e;
font-weight:bold;
font-size: 12px;
}

#menu li{font-size: 12px;list-style-type: none; font-family:Arial, Helvetica, sans-serif;}

/* -------------------------------------------------------------------------------------------------------- */
/* Le corps de la page - Contenue */

div#site{
   width: 987px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   background-color: #ededed;
   border:1px solid #757575; 
}

div#corps { /* Fond et image de la partie contenue*/
    position:relative;
	float: left;
	width:700px;
	margin-left:30px;
	margin-top:15px;
	margin-bottom:60px;
	border:1px solid #757575;
	}
	
div#corps_sans_cadre { /* Fond et image de la partie contenue*/
    position:relative;
	float: left;
	width:700px;
	margin-left:43px;
	margin-top:15px;
	margin-bottom:60px;
	}
	
div#txt_corps /* Caractéristique du texte du corps */
{
margin-left:12px;
margin-right:12px;
margin-bottom:5px;
margin-top:12px;
text-align:left;
color:#3e3e3e;
}
/* -------------------------------------------------------------------------------------------------------- */
/* Footer - pied de page */

#pied_de_page /* Caracxtéristique du footer (pied de page) */
{
	clear:both;
	width: 987px;
	background-color: #FFFFFF;
}



/* -------------------------------------------------------------------------------------------------------- */
/* Texte et tout ce qui y touche */

h1 /* Caractéristique des grands titres */
{
   color:#9b2d2d;
   font-size: 30px;
}

p /* Caractéristique des phrases (couleurs, taille, ... ) */
{
   color:#3e3e3e;
   font-size: 12px;
}

.lien /* Caractéristique des phrases (couleurs, taille, ... ) */
{
   font-size: 12px;
}

#bleu /* Caractéristique des phrases (couleurs, taille, ... ) */
{
   color:#0092c8;
}

.bleu /* Caractéristique des phrases (couleurs, taille, ... ) */
{
   color:#0092c8;
}

.titre /* Caractéristique des titres de pages (comme le nom des quêtes ... */
{
   color:#0092c8;
   font-size: 16px;
   font-weight: bold;
}
.texte_présentation /* Caractéristique du texte de la section "staff" */
{
   color: white;
   font-size: 14px;
   text-align: left;
}
.explication
{
   color: red;
   font-size: 12px;
}
.orange{ /* Couleur orange destiné aux quêtes moyenne */
color:#bb4f00;
}
.rouge{ /* Couleur rouge destiné aux quêtes difficiles */
color:#ad1c1c;
}
.vert{ /* Couleur verte destiné aux quêtes faciles */
color:#507900;
}

/* -------------------------------------------------------------------------------------------------------- */
/* Les tableaux */

.liste_guides /* Réservé aux tableaux des quêtes, Guides et descriptions des quêtes */
{

text-align: center;
border-color:#cecece;
background:#eaeaea;
}

.liste_guides th /* Réservé aux tableaux des quêtes, Guides et descriptions des quêtes ( le haut) */
{
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   background-image:url(img/tableau_haut.png);
   border-color:#cecece;
}

.liste_guides td /* Réservé aux tableaux des quêtes, Guides et descriptions des quêtes (en général )*/
{
   color: #595959;
   font-size: 12px;
   border-color:#cecece;
}
.style_tab{ /* Réservé aux tableaux des pages de bases */
text-align: left;
}
.style_tab2{ /* Réservé aux tableaux des pages de bases */
text-align: center; 
}

table { /* Les tableaux en général */
border-collapse: collapse;
border-color:#cecece;
}
.liste_guides a /* Liens pour les tableaux des guides */
{
color:#009bd5;
}
.liste_guides a:hover /* Liens pour les tableaux des guides  lorsqu'on passe la souris dessus.*/
{
color:#00baff;
}
.liste_guides a:visited /* Liens pour les tableaux des guides qu'on a déjà visité. */
{
color:#009bd5;
}

.lien_sign /* Réservé aux signatures */
{
background-color:#F4F4F4;
border:1px solid #000000; 
color: #595959;
font-size: 11px;
text-align:left;
}

.liste /* Réservé aux tableaux d'accueil. */
{
width:300px;
text-align: center;
background-color:#F4F4F4;
   border:1px solid #9f9f9f; 
}

.liste th /* Réservé aux tableaux d'accueil. ( le haut) */
{
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   background-image:url(img/tableau_haut.png);
   height:19px;
   text-align:center;
}

.liste td /* Réservé aux tableaux d'accueil. (en général )*/
{
   color: #595959;
   font-size: 10px;
   text-align:left;
}

/* -------------------------------------------------------------------------------------------------------- */
/* News */

.new
 {
   height: 25px;
   font-size: 12px;
   margin-left:12px;
}

.news{
	padding-left:30px;
	padding-right:20px;
	text-align:left;
	color:#3e3e3e;
	font-size:11px;
}


.newtable
 {
   width: 508px;
   color:#3e3e3e;
   background-color:#F4F4F4;
   border:1px solid #9f9f9f; 
}

#news_title
{
text-align:left;
color:#ffb400;
font-size: 12px;
background:url(img/news_haut.png);
height:27px;
margin-left:-1px;
margin-top:-1px;
margin-right:-1px;
}

#poster
{
margin-right:12px;
margin-bottom:3px;
text-align:right;
color: rgb(128, 128, 128);
font-size: 10px;
}

/* -------------------------------------------------------------------------------------------------------- */
/* Connexion / déconnexion ++ */

#connex
{
color:#009bd5;
font-size: 12px;
margin-top:0px;
}

#nouveaump:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color:#b83c3c;
   text-decoration:none;}
   
#nouveaump:focus /* Quand le visiteur sélectionne le lien */
{
   color: #b83c3c;
}
#nouveaump:hover /* Quand le visiteur pointe sur le lien */
{
   color:#992626;
   text-decoration:underline;
}
#nouveaump /* Lien normal */
{
   text-decoration: none;
   color: #b83c3c;
}


/* Forum ------------------------------------------------------------------------------------------------*/

/* Les tableaux */

.liste_forum /* Réservé aux tableaux des quêtes, Guides et descriptions des quêtes */
{

border-color:#cecece;
background-color:#F4F4F4;
}

.liste_forum th /* Réservé aux tableaux des quêtes, Guides et descriptions des quêtes ( le haut) */
{
   color: white;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   background-image:url(img/tableau_haut.png);
   border-color:#cecece;
}

.liste_forum td /* Réservé aux tableaux des quêtes, Guides et descriptions des quêtes (en général )*/
{
   color: #595959;
   border-color:#cecece;
   font-size: 12px;
}


.liste_forum  a /* Liens pour les tableaux des guides */
{
color:#009bd5;
}
.liste_forum  a:hover /* Liens pour les tableaux des guides  lorsqu'on passe la souris dessus.*/
{
color:#00baff;
}
.liste_forum  a:visited /* Liens pour les tableaux des guides qu'on a déjà visité. */
{
color:#009bd5;
}

/* Les liens dans les tableaux */

.liste_forum .derniermessage
{
   color: #595959;
   font-size: 10px;
}

.titreforum
{
   text-align: left;
   margin-left:10px;
   padding-left:10px;
}

/* Pour les citations */
#quote
{
width: 70%;
background-color : rgb(230,230,230);
margin-top: 2px;
margin-bottom: 2px;
font-family: "Comic sans MS", Arial, Verdana, serif;
}

.codebuttons  
{ 
font-size: 10px; 
color:#808080; 
font-family: verdana, helvetica, sans-serif; 
vertical-align: middle;
background-color:#FFF;
background-image: url(http://www.rsunivers.org/image/forum - Copie/fondbouton.gif);
border:1px solid #DCDCDC; 
}

.codebuttons2
{ 
font-size: 13px; 
color:#808080; 
font-family: verdana, helvetica, sans-serif; 
vertical-align: middle;
background-color:#FFF;
background-image: url(http://www.rsunivers.org/image/forum - Copie/fondbouton.gif);
border:1px solid #DCDCDC; 
}

.champposter
{ 
font-size: 13px; 
color:#666666;
font-family: verdana, helvetica, sans-serif; 
vertical-align: middle;
border:1px solid #DCDCDC;
}

.apercu
{ 
font-size: 13px; 
color:#666666;
font-family: verdana, helvetica, sans-serif; 
vertical-align: middle;
border:1px solid #DCDCDC;
width: 524px;
}

#lu /* image lu */
{
   width:35px;
   height: 35px;
   background-image: url(img/lu.gif);
   background-repeat: no-repeat;
}

#non_lu /* image non-lu */
{
   width:35px;
   height: 35px;
   background-image: url(img/non_lu.gif);
   background-repeat: no-repeat;
}

#lu_lock /* image lu */
{
   width:35px;
   height: 35px;
   background-image: url(img/lu_lock.gif);
   background-repeat: no-repeat;
}

#non_lu_lock /* image non-lu */
{
   width:35px;
   height: 35px;
   background-image: url(img/non_lu_lock.gif);
   background-repeat: no-repeat;
}

#mp_lu /* image lu */
{
   width:25px;
   height: 23px;
   background-image: url(img/mp_lu.gif);
}

#mp_non_lu /* image lu */
{
   width:25px;
   height: 23px;
   background-image: url(img/mp_non_lu.gif);
}