﻿/* Par Default : */







body 
{ 
		font-size: 11px;
		padding:0px;
		margin: auto;
        background:#FFFFFF url(http://squad-css.com/images/nnnn.png) no-repeat fixed center center;
		background-image: url("../images/fond.png");
		background-repeat: repeat-x;
		color:#a5a4a4;
		font-family: "Tahoma", Verdana, Arial, sans-serif;
}

option, input,   file {  
    font-family:  "Tahoma", Verdana, Arial, sans-serif;
    font-size: 11px; 
    color: #000000; 
    background-color: #FFFFFF; 
	    background-image: url(../images/input.jpg);
    border: 1px solid #585657;
}

#contenu{float:right;width:78%;margin:0;padding: 0;margin:0;} 
}
textarea
{ 
font-family: "tahoma",Arial, Helvetica, sans-serif;
font-size: 10px;

}
.titre_html
{
  color: #ffffff;
 font-size: 12px;
 font-family:  Arial, Verdana, serif;
 text-decoration: none;
font-style: italic;
background-color: none;
}
 .top
 {
    color: #c3c3c3;
 font-size: 11px;
 font-family: "Verdana", Arial, Tahoma, serif;
 text-decoration: none;

background-color: none;
 }
  .top2
 {
    color: #3399ff;
 font-size: 11px;
 font-family: "Verdana", Arial, Tahoma, serif;
 text-decoration: none;

background-color: none;
 }
 .date_news
 {
    color: #c3c3c3;
 font-size: 11px;
 font-family: "Verdana", Arial, Tahoma, serif;
 }
   .top3
 {
    color: #e9e9e9;
 font-size: 11px;
 font-family: "Verdana", Arial, Tahoma, serif;
 text-decoration: none;

background-color: none;
 }
 img
 {
 border:none;
 }
input.search
{
background:none;
   border: none;
}
input.login
{
background:none;
border: none;
color: #ffffff;
}
 h2 {
    font-family: "Verdana", Arial, Tahoma, serif;
    font-size: 12px;
	text-align: center;
    color: #5c5c5c;
    text-transform: uppercase;
    font-weight: bold;
}
.date
{
  color: #ffffff;
 font-size: 11px;
 font-family: "Verdana", Arial, Verdana, serif;
 text-decoration: none;

background-color: none;
}
.titre_news
{
  color: #ffffff;
 font-size: 12px;
 font-family: "Tahoma", Arial, Verdana, serif;
 text-decoration: none;

background-color: none;
}
/* MENU */


.menu1
{
background-image:url(../images/menu_1.gif);
height:23px; 
width:172px;
padding-top:4px;
}
.menu2
{
background-image:url(../images/menu_2.gif);
height:23px; 
width:172px;
padding-top:4px;
}

/* LIEN */

.title {
font-family: "Tahoma", Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #808080;
    font-weight: bold;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat;
    background-position: left top;
}

a:link,a:active,a:visited {  
color: #4E4E4E;
 font-size: 11px;
 font-family: "Tahoma", Arial, Verdana, serif;
 text-decoration: none;

background-color: none;
 }
a:hover	{  
 color: #c6c6c6;
 font-size:11px;
 font-family: "Tahoma", Arial, Verdana, serif;
 text-decoration: none;
 background-color: none;
 }
 .last:link,.last:active,.last:visited {  
  color: #5b5b5b;
 font-size: 11px;
 font-family: "Tahoma", Arial, , serif;
 text-decoration: none;

background-color: none;
 }
.last:hover	{  
  color: #aaaaaa;
 font-size: 11px;

 font-family: "Tahoma", Arial, Verdana, serif;
 text-decoration: none;
 background-color: none;
 }
 .txt_menu
 {
 padding-left:30px;
 padding-top:20px;
 }
	 .menu:link,.menu:active,.menu:visited { 

  padding-left:30px;
  color: #c3c3c3;
 font-size: 11px;
 font-family: "Tahoma", Arial, , serif;
 text-decoration: none;

background-color: none;
 }
.menu:hover	{  
  color: #5d9bcf;
 font-size: 11px;

 font-family: "Tahoma", Arial, Verdana, serif;
 text-decoration: none;
 background-color: none;
 }
	
		 .top_link:link,.top_link:active,.top_link:visited { 


  color: #e8e8e8;
 font-size: 11px;
    font-family: "Verdana", Arial, Tahoma, serif;
 text-decoration: none;

background-color: none;
 }
.top_link:hover	{  
  color: #accce7;
 font-size: 11px;

    font-family: "Verdana", Arial, Tahoma, serif;
 text-decoration: none;
 background-color: none;
 }
  .link_n:link,.link_n:active,.link_n:visited {  
  color: #ffffff;
 font-size: 11px;
 font-family: "Tahoma", Arial, Verdana, serif;
 text-decoration: none;

background-color: none;
 }
.link_n:hover	{  
  color: #d0d0d0;
 font-size: 11px;

 font-family: "Tahoma", Arial, Verdana, serif;
 text-decoration: none;
 background-color: none;
 }
 .loose
{
font-size: 9px;
color : #a34f4f;
font-family: "Verdana", Arial, sans-serif;
}
.draw

{
font-size: 9px;
color : #6caee1;
font-family: "Verdana", Arial, sans-serif;
}
/* TOP MATCH : */
.win
{
font-size: 11px;
color : #3cc43f;
font-family: "Verdana", Arial, sans-serif;
}
 .tooltip {
  position: absolute;
  display: none;
  background-color: #efefef;
  color: #4e4e4e;
  border: 1px solid #e1e1e1;
  border-left: 4px solid #e1e1e1;
  padding: 4px 10px;
  z-index: 100;
}

.errorbox {
  background-color: #FFCCCC;
  border: 1px dashed #D60000;
  color: #666666;
  font-size: 10px;
  width: 350px;
  padding: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}




<!-- menu gauche -->



ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 10px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 100px;
    height: 70px;    
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

ul#navigation .about a      {
    background-image: url(../images/id_card.png);
}
ul#navigation .steam a      {
    background-image: url(../images/steam_logo.png);
}
ul#navigation .podcasts a      {
    background-image: url(../images/ipod.png);
}
ul#navigation .rssfeed a   {
    background-image: url(../images/rss.png);
}
ul#navigation .facebooka     {
    background-image: url(../images/facebook_logo.png);
}
ul#navigation .contact a    {
    background-image: url(../images/mail.png);
}

