.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
border: 1px solid #000000;
background-image: ;}


.derniers_sujets
{margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 0px dashed #000000;
background-image: ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 0px;}

a.mainmenu {
  background-color: black;
  font-size: 12px;
  border: 10px styledebordure couleur;
  font-variant: small-caps;
height: 300px;
margin: 10px;
width: 130px;
-moz-border-radius: 6px;
border-radius: 15px;
border:3px solid #3d333d;

}

a.mainmenu:hover {
text-align:center;
  background-color: black;
  border: 10px styledebordure couleur;
  font-size: chiffrepx;
border:3px solid #3d333d;
}

.navi {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 100%;
background-color: #000000;
border: 10px solid #3d333d;
text-shadow: 0px 0px 3px #000000;
padding: 3px;
-moz-border-radius: 0px;
border:1px solid #000000;
height: 23px;

}


a { text-decoration: none; }

/* --- cette partie correspond aux onglets des cat & sous forum ---*/

.text {
text-align: top center;
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Centre de coordination,#cat_Forum de discussion,#cat_Reclaimers Studios,#cat_Zone RPG,#cat_Zone RP /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
text-align: top center;
background-color: #transparent;
margin: auto;
margin-bottom:30px;
width:100%;
}

.onglet {
display:inline-block;
margin-top: 25px;
text-decoration:none; !important;
cursor:pointer;
color:#6699CC; /*Couleur du texte de vos onglets*/
float:left;
    -moz-box-shadow:2px 2px 6px #888888;
    -webkit-box-shadow:2px 2px 6px #888888;
    margin:7px 7px 7px 25px;
    height:25px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-20px;
text-decoration:none; !important;
text-align: top center;
cursor:pointer;
}

.onglet li:hover {
text-align: top center;
text-decoration:none; !important;
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important;
text-align: top center;
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
font-size:15px; font-family: georgia; text-align: top center; text-shadow: 3px 5px 2px ##FFFFFF; font-weight: bold;
background-image: url("http://i.imgur.com/gDA83.png"); no-repeat; /*URL de l'onglet étant actif*/
width:150px; /*Largeur de l'onglet étant actif*/
height:30px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
margin-right: 15px
}

.onglet_nactif {
font-size:15px;font-family: georgia; text-align: top center;
background-image: url("http://i.imgur.com/cDKwH.png"); no-repeat; /*URL de l'onglet étant actif*/
width:150px; /*Largeur de l'onglet étant actif*/
height:30px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
margin-right: 15px
}

.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}

 /* =================
                              ===== Message d'accueil =====
        script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010
      http://www.themes-fa.com - BY-NC  (http://creativecommons.org/licenses/by-nc/2.0/fr/)

 =================  */

 
 
  /*----------------- Ma g?n?ral ----------------- */
 

 /* Pour les défilement */
#scroller_container
{
padding-top: 15px;
overflow: hidden;
}
/* CSS Hack Safari */
#dummy
{
;#
}
#scroller_container
{
overflow: auto;
}


/*le tableau invisible */

.table25
{
border: none ;
}


/* Liens */

.a2
{
display: block;
width: 130px;
color: black;
text-align:center;
border: 1px solid black;
 -moz-border-radius: 5px;
height: 30px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}


.a2:hover
{

background-color: black;
color: white;
}



#table22 /* fond du ma */
{
width: 780px;
background-color: #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
border:1px solid #262E2D;
}




/*-----------------Titre----------------- */


/* Le titre special pour le texte de bienvenu */

.h2_themebienvenu
{
font-size: 14px;
background-color: #000000;
padding: 6px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: white;
text-align: center;
margin: 10px;
/max-width: 360px;
-moz-box-shadow:4px 4px 12px #888888;
-webkit-box-shadow:4px 4px 12px #888888;
}


/* le titre special pour les credits */


.h2_themecredit
{
font-size: 14px;
background-color: #000000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
/max-width: 160px;
-moz-box-shadow:4px 4px 12px #888888;
-webkit-box-shadow:4px 4px 12px #888888;
}

/* le titre pour les autres boites */



.h2_theme
{
font-size: 14px;
background-color: #000000;
padding: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
color: white;
text-align: center;
margin: 10px;
-moz-box-shadow:4px 4px 12px #888888;
-webkit-box-shadow:4px 4px 12px #888888;

}


/* effet de transparance FF */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------Les boites contenant les textes----------------- */





/* Navigation */

 .navi_ma
 {
  background-color:#000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: white;
font-size: 16px;
height: 300px;
margin: 10px;
width: 130px;
padding: 5px;
line-height:34px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
-moz-box-shadow:4px 4px 12px #888888;
-webkit-box-shadow:4px 4px 12px #888888;

}


/* News  */

 .news
 {
 background-color: #000000;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: white;
font-size: 14px;
height: 120px;
width: 370px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow:4px 4px 12px #888888;
-webkit-box-shadow:4px 4px 12px #888888;
}

/* Partenaires */

.partenaire_test
{
 background-color: #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: white;
font-size: 14px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6; 
padding-top: 20px;
-moz-box-shadow:4px 4px 12px #888888;
-webkit-box-shadow:4px 4px 12px #888888;

}


/* message de bienvenu */


#bienvenu_ma
{
 background-color: #000000;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: white;
font-size: 14px;
height: 120px;
margin: 10px;
overflow-y: auto;
overflow-x: visible;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
width: 370px;
-moz-box-shadow:4px 4px 12px #888888;
-webkit-box-shadow:4px 4px 12px #888888;
}
 
/* membres staffs */
 

 
 .staff
{
 background-color: #000000;
 -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: white;
font-size: 10px;
height: 105px;
width: 180px;
margin: 10px;
padding: 5px;
font-size: 14px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
-moz-box-shadow:4px 4px 12px #888888;
-webkit-box-shadow:4px 4px 12px #888888;
}


/*crédits */

 
 .credits
 {
 background-color: #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
color: white;
font-size: 14px;
height: 105px;
width: 160px;
margin: 10px;
padding: 5px;
-webkit-box-shadow: 4px 4px 0 #e6e6e6;
-moz-box-shadow: 4px 4px 0 #e6e6e6;
-khtml-box-shadow: 4px 4px 0 #e6e6e6;
padding-top: 20px;
-moz-box-shadow:4px 4px 12px #888888;
-webkit-box-shadow:4px 4px 12px #888888;

}