/**********************/
/*    TS-GS.FR        */
/*  FEUILLE DE STYLE  */
/*   BY WEB3MX.COM    */
/**********************/

body {
margin:0;
padding:0;
background:#807c73 url(background.png);
text-align:center;
font-family:'Trebuchet MS', Verdana, Tahoma, sans-serif;
font-size:13px;
color:#293033;
}

h1 { display:none; }
img { border:0 }

a, a:visited { color:#1698d9; text-decoration:none; }
a:active, a:hover { color:#999999; text-decoration:underline; }

/* HEADER */
#header { background:url(header.png); background-position:center; background-repeat:no-repeat; width:100%; min-width:990px; }
#header_contenu { width:990px; height:256px; text-align:left; margin:auto; }

    /* UTILISATEURS */
    #utilisateur { padding:106px 0 0 322px; height:30px;color:#ffffff; }

    #header input[type='text'], #header input[type='password'], #header input[type='submit'] { background:none; border:1px solid #ffffff; font-size:0.8em; font-weight:bold; color:#ffffff; }
    #header input[type='submit'] { background:#ffffff; font-weight:bold; color:#998c82; }

    #header a, #header a:visited { color:#ffffff; font-weight:bold; text-decoration:under; }
    #header a:hover, #header a:active { color:#4c5659; font-weight:bold; text-decoration:none; }
    
    /* BOUTONS */
    #les_boutons { padding-left:9px; height:100px; }
    
    #icons { padding-top:79px; width:150px; height:21px; float:left; }
    #icons span { display:none; }
    a.icon { width:23px; height:21px; margin-right:5px; display:block; float:left; }
    a#accueil, a#accueil:active, a#accueil:visited { background:url(icon_accueil.png); }
    a#accueil:hover { background:url(icon_accueil_2.png); }
    a#staff, a#staff:active, a#staff:visited { background:url(icon_staff.png); }
    a#staff:hover { background:url(icon_staff_2.png); }
    a#rss_1, a#rss_1:active, a#rss_1:visited { background:url(icon_rss_1.png); }
    a#rss_1:hover { background:url(icon_rss_1_2.png); }
    a#rss_2, a#rss_2:active, a#rss_2:visited { background:url(icon_rss_2.png); }
    a#rss_2:hover { background:url(icon_rss_2_2.png); }
    
    
    #boutons { padding:39px 0 0 333px; width:492px; height:61px; float:left; }
    #boutons span { display:none; }
    
    #boutons a#b_forum, #boutons a#b_forum:active, #boutons a#b_forum:visited { display:block; margin:18px 4px 0 0; width:120px; height:43px; background:url(b_forum.png); float:left;  }
    #boutons a#b_forum:hover { background:url(b_forum_2.png); }

    #boutons a#b_tutoriels, #boutons a#b_tutoriels:active, #boutons a#b_tutoriels:visited { display:block; margin:12px 4px 0 0; width:120px; height:49px; background:url(b_tutoriels.png); float:left;  }
    #boutons a#b_tutoriels:hover { background:url(b_tutoriels_2.png);  }

    #boutons a#b_recherche, #boutons a#b_recherche:active, #boutons a#b_recherche:visited { display:block; margin:6px 4px 0 0; width:120px; height:55px; background:url(b_recherche.png); float:left;  }
    #boutons a#b_recherche:hover { background:url(b_recherche_2.png);  }

    #boutons a#b_apropos, #boutons a#b_apropos:active, #boutons a#b_apropos:visited { display:block; width:120px; height:61px; background:url(b_apropos.png); float:left;  }
    #boutons a#b_apropos:hover { background:url(b_apropos_2.png);  }

/* BODY */
#body { width:100%; min-width:990px; background:url(body.png); background-position:center; background-repeat:repeat-y;  }

#body_contenu { width:990px; margin:auto; padding-top:15px; text-align:left; }

  #position {
  width:952px;
  margin:auto;
  padding:5px 5px 0 5px;
  border-top:1px solid #1698d9;
  border-bottom:1px solid #1698d9;
  font-weight:bold;
  color:#576166;
  }
  
    #position a, #position a:active, #position a:visited { color:#1698d9; }
    #position a:hover { color:#999999; text-decoration:none; }

  #position img { margin:0 6px 0 0; }  

  #page {
  float:left;
  width:698px;
  padding:0px 16px 0 13px;
  }
  
    #page .titre { margin-top:25px; padding:2px 10px 0 9px; width:679px; height:23px; background:#91d2f2 url(titre.png); background-repeat:no-repeat; background-position:left; color:#3d484d; font-size:1.3em; }
  
    #page h2 { margin:25px 0 0 0; padding:4px 8px 3px 8px; background:url(h2.png); width:682px; color:#ffffff; font-size:1.4em; font-weight:normal; }
    div.contenu-centre { width:680px; border-top:1px solid #1698d9; border-left:1px solid #1698d9; border-right:1px solid #1698d9; margin:5px 0 0 8px; }
	div.contenu-centre h3 { margin:30px 10px 15px 10px; padding:0 10px; text-transform:uppercase; font-size:1.5em; font-weight:bold; letter-spacing:2px; border-bottom:1px solid #1698d9; color:#1698d9; }
    div.contenu-centre h4 { margin:25px 15px 15px 30px; font-size:1.2em; font-weight:bold; }
	div.contenu-centre img.apercu { border:1px solid #333333; margin:0 0 20px 2px; }
    div.contenu-centre h6 { width:650px; margin:0 10px 15px 10px; padding:15px 5px 0 5px; color:#4c5559; font-size:0.9em; font-weight:bold; border-bottom:1px solid #1698d9; }
    div.contenu-centre p { margin:0; padding:0 8px 0 8px; }
    div.contenu-centre p.partenaire { margin:0; padding:15px 10px 0 10px; }
    div.contenu-centre div.clear{ clear:left; }
    div.contenu-footer { width:682px; height:25px; background:url(article_contenu_f.png); margin:0 8px 0 8px; }
    
    img.gauche { float:left; margin:0 6px 0 0; border:1px solid #333333; }
    img.droite { float:right; margin:0 0 0 6px; border:1px solid #333333; }
    div.centre { text-align:center; }
    div.centre img { border:1px solid #333333; }
    
    .cadre { margin:20px auto; width:630px; }

    .small_cadre {
    margin:10px 10px 0 10px;
    padding:3px 5px;
    background:#ebebeb;
    border:1px solid #b3b3b3;
    text-align:center;
    font-size:0.9em;
    }

    .small_cadre_bleu {
    margin:10px 10px 0 10px;
    padding:3px 5px;
    background:#5ebceb;
    border:1px solid #0088cc;
    text-align:center;
    font-size:0.9em;
    }

    .small_cadre_rouge {
    margin:10px 10px 0 10px;
    padding:3px 5px;
    background:#eb4646;
    border:1px solid #cc0000;
    text-align:center;
    font-size:0.9em;
    }

    .small_cadre_orange {
    margin:10px 10px 0 10px;
    padding:3px 5px;
    background:#ebb05e;
    border:1px solid #cc7700;
    text-align:center;
    font-size:0.9em;
    }

    .small_cadre_vert {
    margin:10px 10px 0 10px;
    padding:3px 5px;
    background:#57d957;
    border:1px solid #24b324;
    text-align:center;
    font-size:0.9em;
    }

    .quote {
    width:511px;
    margin:5px auto 20px auto;
    }
    
    div.quote_01 h4 {
    display:inline;
    margin:0;
    padding:0 3px 0 3px;
    font-family:Arial, Verdana, Tahoma, 'Trebuchet MS', sans-serif;
    text-transform:uppercase;
    font-size:1.4em;
    color:#0cccf3;
    background-color:#ffffff;
    }
    
    .quote_01 {
    padding:8px 0 0 12px;
    width:499px;
    height:24px;
    background-image:url(quote_01.png);
    }

    .quote_02 {
    padding:6px 3px 0 3px;
    background:#ffffff url(quote_02.png);
    }
    
    .quote_02_texte {
    max-height:10cm;
    overflow:auto;
    }

    .quote_03 {
    width:511px;
    height:11px;
    background-image:url(quote_03.png);
    }

    .console {
    width:511px;
    margin:5px auto 20px auto;
    }
    
    div.console_01 h4 {
    display:inline;
    margin:0;
    padding:0 3px 0 3px;
    font-family:Arial, Verdana, Tahoma, 'Trebuchet MS', sans-serif;
    font-size:1.4em;
    color:#bfbfbf;
    background-color:#000000;
    }
    
    .console_01 {
    padding:8px 0 0 12px;
    width:499px;
    height:24px;
    background-image:url(../theme/console_01.png);
    }

    .console_02 {
    padding:6px 3px 0 3px;
    background:#ffffff url(../theme/console_02.png);
    color:#f2f2f2;
    }
    
    .console_02_texte {
    max-height:10cm;
    overflow:auto;
    }

    .console_03 {
    width:511px;
    height:11px;
    background-image:url(../theme/console_03.png);
    }
    
    #cadre_index {
    margin:20px 13px 0 13px;
    padding:0;
    border:2px dashed #3d484d;
    background:#e5e5e5;
    font-weight:bold;
    font-size:1.2em;
    color:#3d484d;
    }
    
    #cadre_index p {
    margin:0;
    padding:5px 10px;
    }

    #page table.contenu-centre { border-collapse:collapse; border-top:1px solid #1698d9; border-left:1px solid #1698d9; border-right:1px solid #1698d9; margin:5px 0 0 9px; }
    #page table.contenu-centre td.head h3 { margin:0; padding:5px 0 5px 0; text-align:center; font-size:1.1em; color:#333333; text-transform:uppercase; }
    #page table.contenu-centre td.col1_head { width:410px; height:25px; padding:0 0 0 10px; vertical-align:middle; text-align:left; background:#ffffff url(th_01.png); font-weight:bold; }
    #page table.contenu-centre td.col1 { width:415px; padding:5px 0 5px 5px; vertical-align:middle; text-align:left; border-bottom:1px solid #1698d9; }
    #page table.contenu-centre td.col2_head { width:80px; padding:0; vertical-align:middle; text-align:center; background:#ffffff url(th_02.png); font-weight:bold; }
    #page table.contenu-centre td.col2 { width:80px; padding:5px 0 5px 0; vertical-align:middle; text-align:center; border-bottom:1px solid #1698d9; }
    #page table.contenu-centre td.col3_head { width:180px; padding:0; vertical-align:middle; text-align:center; background:#ffffff url(th_03.png); font-weight:bold; }
    #page table.contenu-centre td.col3 { width:180px; padding:5px 0 5px 0; vertical-align:middle; text-align:center; border-bottom:1px solid #1698d9; }
    
  #menu {
  float:left;
  width:260px;
  text-align:right;
  font-size:0.9em;
  }
  
  #menu h2 { margin:25px 10px 0 0; padding:2px 8px 0 0; width:242px; height:23px; background:url(h2_menu.png); background-position:right; background-repeat:no-repeat; color:#3d484d; text-align:right; font-size:1.4em; }
  #menu a, menu a:active, #menu a:visited { font-weight:bold; color:#808080; }
  ##menu a:hover { font-weight:bold; color:#333333; }
  #menu span { font-size:0.8em; color:#999999; }
  #menu ul { margin:0; padding:0; }
  #menu ul li { margin:0; padding:5px 18px 5px 0; list-style-type:none; }
  #menu p{ margin:0; padding:5px 18px 5px 0; list-style-type:none; }
  
  #menu .soutenir { margin-top:25px; margin-right:5px; }
  
/* FOOTER */
#footer { width:100%; min-width:990px; background:url(footer.png); background-position:center; background-repeat:repeat-y; }

  #footer_contenu { width:800px; height:92px; margin:auto; padding:30px 0 0 0; color:#ffffff; }

    #footer_contenu p { margin:0; padding:0 }
    #footer_contenu a, #footer_contenu a:visited, #footer_contenu a:active, #footer_contenu a:hover { color:#ffffff; font-weight:bold; }

.clear {
clear:left;
}