/* gris hhpp: #434141 
couleur par défaut:
  */




body
{
width:950px;
padding:0px;
margin:auto;
background-color:#FFFF33;
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FEEB3A, endColorstr=#F2C100);
  background: -webkit-gradient(linear, left top, left bottom, from(#FEEB3A), to(#F2C100));
  background: -moz-linear-gradient(top, #FEEB3A, #F2C100);
background-image:url("ASM.png");
background-repeat:no-repeat;
background-position:50% 50%;
color:#000000;
}

#banniere
{
   width:900px;
padding:0px;
margin:auto;
}



#info_match {

float:left;
width:290px;
padding:10px;
margin-left:35px;
margin-top:0px;
text-align:center;
color:black;
background:rgba(0,0,255,0.8);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#1B3EEF, endColorstr=#00428E);
  background: -webkit-gradient(linear, left top, left bottom, from(#1B3EEF), to(#00428E));
  background: -moz-linear-gradient(top,  rgba(100,100,255,1),  rgba(0,0,255,0.8));

border-radius: 0px 0px 10px 10px;

border: 3px solid white;
border-top:0px;
}

#cadre_matchs_big {

float:right;
width:350px;
padding:0px;
margin-right:45px;
margin-top:0px;
text-align:center;
color:black;
background-color:transparent;
border: 0px solid #3333FF;
margin-bottom:10px;

}

#cadre_matchs {

float:right;
width:350px;
padding:10px;

margin-top:0px;
text-align:left;
color:black;
background:rgba(250,250,0,0.8);
background: -moz-linear-gradient(top,  rgba(250,250,0,0.8),  rgba(150,150,0,1));
border-radius: 0px 0px 10px 10px;
border: 3px solid #3333FF;
border-top:0px;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
}

.feed_asm
{
width:800px;
margin:auto;
margin-top:10px;
background:rgba(250,250,0,0.8);
background: -moz-linear-gradient(top,  rgba(250,250,0,0.8),  rgba(150,150,0,1));
padding:5px;
font-size:14pts;
border-radius: 10px;
border: 3px solid #3333FF;

}

.feed_asm a
{
color:black;
text-decoration:none;
}

.feed_asm img
{
vertical-align:middle;
}

.news
{
float:right;
width:350px;
padding:10px;

margin-top:0px;
text-align:left;
color:black;
background:rgba(250,250,0,0.8);
background: -moz-linear-gradient(top,  rgba(250,250,0,0.8),  rgba(150,150,0,1));
border-radius: 10px;
border: 3px solid #3333FF;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .7);

}

.liens_ASM img
{
margin:5px;

}

#cadre_joueurs {

width:350px;
padding:10px;
margin-left:45px;
margin-top:0px;
text-align:right;
color:black;
background:rgba(250,250,0,0.8);
background: -moz-linear-gradient(top,  rgba(250,250,0,0.8),  rgba(150,150,0,1));
border-radius: 0px 0px 10px 10px;
border: 3px solid #3333FF;
border-top:0px;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
}

#main {
    color: white;
    font-size: 14px; 
    font-family: "Lucida Sans Unicode", Georgia, Arial, "Times New Roman", Times, serif;
    border: 0px ridge blue;
    /*position: absolute;*/
    background-color: transparent; 
    text-align: justify;
    overflow: auto;
    z-index: 0;
    }

#main a
{
color: #3333FF;
font-size: 1em;
text-decoration: none;
}

#main a:hover
{
color: #000000;
font-size: 1 em;
text-decoration: none;
}

.CAR
{
float:right;
width:300px;
padding:5px;
padding-top:0px;
margin-right:25px;
margin-top:0px;
text-align:center;
color:black;
font-weight:bold;
font-size:25px;
background:rgba(250,250,0,0.8);
background: -moz-linear-gradient(top,  rgba(250,250,0,0.8),  rgba(150,150,0,1));
border-radius: 10px 10px 0 0;
border: 3px solid #3333FF;
border-bottom:1px solid black;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  box-shadow: 0px -3px 3px rgba(0, 0, 0, .7);

}

#jour{color:#3333FF;}
#heur{color:#3333FF;}
#minut{color:#3333FF;}
#second{color:#3333FF;}

.saison
{
width:500px;
padding:0px;
margin:auto;
margin-top:0px;
text-align:center;
color:black;
border-collapse:separate;
border-spacing:0px;
background:transparent;
border-radius: 10px;
border: 5px solid #3333FF;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
box-shadow: 0 5px 5px rgba(0, 0, 0, .7);

}


.saison th
{
padding:10px;
border: 1px solid black;
background:rgba(250,250,100,0.95);
background: -moz-linear-gradient(top,  rgba(250,250,100,0.9),  rgba(180,180,50,1));
}


.saison td
{
padding:5px;
border: 1px solid black;
background:rgba(200,200,0,0.95);
background: -moz-linear-gradient(top,  rgba(250,250,100,0.95),  rgba(180,180,50,1));
text-shadow: 0px 0px 4px #AAA;
}



.titre_saison
{
color:black;
font-weight:bold;
width:200px;
margin:auto;
background:rgba(200,200,0,0.95);
background: -moz-linear-gradient(top,  rgba(250,250,100,0.95),  rgba(180,180,50,1));
border: 5px solid #3333FF;
border-bottom:0px;
border-radius:10px 10px 0 0;
padding:10px;
margin-top:15px;
margin-bottom:0px;"
}

.ongle
{
background:rgba(200,200,0,0.8);
border: 5px solid #3333FF;
border-top:0px;
border-radius:0 0 10px 10px;
width:60px;
margin:auto;
padding:5px;
text-align:center;
fontsize:14px;
margin-top:0px;
}


#mainA {
    color: white;
    font-size: 14px; 
    font-family: "Lucida Sans Unicode", Georgia, Arial, "Times New Roman", Times, serif;
    border: 0px ridge blue;
    background-color: none; 
    text-align: justify;
    overflow: auto
    z-index: 0;
    }


.joueur
{
   margin:auto;
   display:inline;
   border: 0px solid black; 
   background:transparent;
   border-collapse: separate;
   border-spacing: 10px;
   text-align: center;
   color: #000000;
   font-size: 12px;    
   padding:0px; 
margin-bottom:0px;
margin-top: 0px;
}

.joueur td
{
   border: 1px solid black;
color: #F3EB12; 
  background: #1B3EEF;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#00428E, endColorstr=#1B3EEF);
  background: -webkit-gradient(linear, left top, left bottom, from(#00428E), to(#1B3EEF));
  background: -moz-linear-gradient(top,  #00428E,  #1B3EEF);
   vertical-align: text-top;
  -moz-border-radius: 10px; 

-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
  box-shadow: 0 5px 5px rgba(0, 0, 0, .7);
margin-bottom:0px;
margin-top: 0px;
}

.joueur2
{
   width:900px;
   margin:auto;
   border-collapse: collapse;
   border: 1px solid black; 
   background:transparent; 
   text-align: center;
   color: #000000;
   font-size: 12px;    
   padding:0px; 
}

.joueur2 th
{
  border: 0px solid black;
  color: #F3EB12; 
font-size:18px;
  background: #1B3EEF;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#00428E, endColorstr=#1B3EEF);
  background: -webkit-gradient(linear, left top, left bottom, from(#00428E), to(#1B3EEF));
  background: -moz-linear-gradient(top, #1B3EEF, #00428E);
   vertical-align: middle;
  
padding:5px;
}

.joueur2 td.jpresent
{
  border: 0px solid black;
  color: #F3EB12; 
text-align:center;
  font-size:18px;
  background: #1B3EEF;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#00428E, endColorstr=#1B3EEF);
  background: -webkit-gradient(linear, left top, left bottom, from(#00428E), to(#1B3EEF));
  background: -moz-linear-gradient(top,  #1B3EEF,#00428E);
  vertical-align: middle;
  
padding:0px;
}

.joueur2 td.jold
{
  border: 0px solid black;
  color: #1B3EEF; 
font-size:18px;
  background: #D7D7D7;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#D7D7D7, endColorstr=#CECDCD);
  background: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), to(#CECDCD));
  background: -moz-linear-gradient(top,  #D7D7D7,  #CECDCD);
   vertical-align: middle;
  
padding:0px;
}


.joueur2 img
{
border-radius:10px;
margin:0px;
vertical-align: middle;
}

.match
{
   margin:auto;
   width:500px;
   height:500px;
   border: 4px solid white; 
   border-radius:5px;
   background-color: rgba(26,130,0,0.8);
   border-collapse: collapse;
   text-align: center;
   color: #000000;
   font-size: 12px; 
   padding:0px; 
}

.match tr
{
 padding:0px;
   margin:0px;
}

.match td
{
   border: 0px solid #000000;
   vertical-align: text-top;
   padding:0px;
   margin:0px;
   width:50px;
   heigth:50px;; 
}



.txt_box2
{
	text-align: left;
	margin: auto;
	font-size: 15px;
	color: #3333FF;
}

.txt_box2:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
	color: #3333FF;
}



table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px solid #000000; /* Bordure du tableau avec effet 3D (outset) */
   -moz-border-radius: 10px; 
   border-collapse: separate; /* Colle les bordures entre elles */
   text-align: center;
   color: #3333FF;
   font-size: 14px; 
   margin-bottom: 10px;
  background-color: #3333FF
}

td, th 
{
   
   border: none;
   padding-left: 30px;
-moz-border-radius: 10px; 
   padding-right: 30px;
}



.txt_box
{
	text-align: justify;
	text-indent: 15px;
	margin: auto;
	font-size: 14px;
	color: white;
}

.txt_box_big
{
	text-align: center;
	margin: auto;
	font-size: 18px;
	color: #000000;
}

.txt_box_big:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
	color: #3333FF;
}

.txt_box:first-letter
{
	font-weight: bold; /* En gras */
	font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
	color: #3333FF;
}

.txt_box a
{
	font-size: 1.1em; /* Ecrit légèrement plus gros que la normale */
	color: #3333FF;
	text-decoration: none;
}

.txt_box a:hover
{
	font-size: 1.1 em; /* Ecrit légèrement plus gros que la normale */
	color: #3333FF;
}


#footer
{
   margin:0px;
   padding:5px;
   margin-top:30px;
   border: 2px solid #3333FF;
border-bottom:0px;
border-radius:10px 10px 0 0;
   text-align: center;
   background: #1B3EEF;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#00428E, endColorstr=#1B3EEF);
  background: -webkit-gradient(linear, left top, left bottom, from(#00428E), to(#1B3EEF));
  background: -moz-linear-gradient(top,  #00428E,  #1B3EEF);
  border: solid 1px #000000;
box-shadow: 0px 4px 2px #666666;
  -webkit-box-shadow: 0px 2px 5px #666666;
-moz-box-shadow: 0px 2px 5px #666666;
   font-size: 12px;
   color: yellow;
   z-index: 2;
   }


#menu-bar {
  width:900px;
  margin: auto;
margin-top: 0px;
  padding: 0px 0px 0px 0px;
  height: 34px;
  line-height: 100%;
  border-radius: 0px 0px 8px 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
/* box-shadow: 0px -2px 17px #666666;
  -webkit-box-shadow: 0px -2px 17px #666666;
-moz-box-shadow: 0px -2px 17px #666666;*/
  background: #1B3EEF;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#00428E, endColorstr=#1B3EEF);
  background: -webkit-gradient(linear, left top, left bottom, from(#00428E), to(#1B3EEF));
  background: -moz-linear-gradient(top,  #00428E,  #1B3EEF);
  border: solid 1px #000000;
border-top: 0px;
position: relative;
z-index:4;
  
}
#menu-bar li {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  float:left;
  position: relative;
  list-style: none;
}
#menu-bar a {
  font-weight: bold;
  font-family: 'arial black';
  font-style: normal;
  font-size: 16px;
  color: #E7E5E5;
  text-decoration: none;
  display: block;
  padding: 9px 17px 9px 17px;
  margin: 0;
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  text-shadow: 2px 2px 3px #000000;
}
#menu-bar .current a, #menu-bar li:hover > a {
  background: #0399D4;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#434141);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#434141));
  background: -moz-linear-gradient(top,  #FFFFFF,  #434141);
  color: #000000;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 3px 5px #FFFFFF;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar ul a:hover {
  background: #810000 !important;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#960303, endColorstr=#810000);
  background: -webkit-gradient(linear, left top, left bottom, from(#960303), to(#810000)) !important;
  background: -moz-linear-gradient(top,  #960303,  #810000) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul {
  background: #DDDDDD;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#B2B8B8);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#B2B8B8));
  background: -moz-linear-gradient(top,  #FFFFFF,  #B2B8B8);
  display: none;
  margin: 0;
  padding: 0;
  width: 168px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 3px #B4B4B4;
  border-radius: 0px 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 9px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:'courier new';
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:first-child > a {
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}