/* CSS Document */
/* Coded by mic thanks to various tutorial and help on internet. Big thanks to www.siteduzero.com*/
 

body
{
   font-family: verdana;
	font-size: 9px;
	line-height: 12px;
	color: #000000;  
	background: #bedcb7;
	background-image:url("design/background.png");
	height:250px;
	bottom:auto;
}
.a:link { color: #705C99; text-decoration: none}
.a:visited{color: #705C99;text-decoration: none}
.a:hover { background:#705C99; color: #A88AE6;text-decoration: none}

#contenu { 
   width:90%; /*Largeur du design*/ 
   margin:0 auto 0 -45%; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/ 
   position:absolute; 
   top:0px; /*25px entre le coin supérieur de l’écran et le design*/ 
   left:50%;/*50% de marge ( cela centrera le design )*/ 
   border:2px solid #000000; /* Bordure encadrant le design */ 
   background: #FFFFFF;
   height:auto;
   bottom:auto;
   } 
.contenu:link { color: #9ab82e; text-decoration: none}
.contenu:visited{color: #9ab82e;text-decoration: none}
.contenu:hover { background:#9ab82e; color: #ffffff;text-decoration: none}



/* L'en-tête */
#header
{
   width: 100%;
   height: 250px;
  background:#4e92bd;
  background-image:  url("design/banner.png");
  background-repeat: no-repeat;


}


#gauche
{
border: 0px solid #33cc00;
font-size: 10px;
width: 20%;
margin-top: 5px;
height:100%;
float:left;
margin-left:5px;
text-align:center;
bottom:auto;
padding-top:5px;
padding-bottom:5px;
}
.gauche:link { color: #000000; text-decoration: none}
.gauche:visited{color: #000000;text-decoration: none}
.gauche:hover { color: #000000; font-weight:700;text-decoration: none}



#pub
{
font-size: 10px;
background: #FFFFFF;

text-align:center;

bottom:auto;


}
.pub:link { color: #000000; text-decoration: none}
.pub:visited{color: #000000;text-decoration: none}
.pub:hover { color: #ffffff; font-weight:700;text-decoration: none}

#team
{
border:dotted 1px #336600;
}

#droit
{
font-size: 10px;
width: 20%;

margin-top: 5px;
height:100%;
float:right;
text-align:center;
bottom:auto;
margin-right:5px;
padding-top:5px;
padding-bottom:5px;

}
.droit:link { color: #000000; text-decoration: none}
.droit:visited{color: #000000;text-decoration: none}
.droit:hover { color: #ffffff; font-weight:700;text-decoration: none; cursor:crosshair}



#corps
{

font-size: 10px;
width: 55%;
margin: 5px;
height:100%;
float:left;
text-align:center;
bottom:auto;
}
#corps h1
{
font-size:14px;
color:#C17DEA; 
}
   
.corps:link { color: #9ab82e; font-weight:900; text-decoration: none}
.corps:visited{color: #9ab82e;font-weight:900;text-decoration: none}
.corps:hover { background:#9ab82e; color:#ffffff ;font-weight:900;text-decoration: none}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#news
{
font-size: 10px;
margin-top:5px;
padding-bottom:5px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
border:#000000 solid 1px;
text-align:left;
}
#pied_de_page
{
	font-family: verdana;
	font-size: 9px;
	width: 95%;
	height: 15px;
	text-align: center;
	color: black;
	float:left;
	
}
.foot:link { color: #000000; text-decoration: none}
.foot:visited{color: #000000;text-decoration: none}
.foot:hover { background:#999999; color:#000000 ;text-decoration: overline underline}


.rouge:link { color: #cc0000; text-decoration: none}
.rouge:visited{color: #cc0000;text-decoration: none}
.rouge:hover { background:#cc0000; color:#ffffff ;text-decoration: overline underline}
#lost
{
color:#FF0000;
}
.lost:link { color: #cc0000; text-decoration: none}
.lost:visited{color: #cc0000;text-decoration: none}
.lost:hover { background:#cc0000; color:#ffffff ;text-decoration: none;cursor:help}
#win
{
color:#003300;
}
.win:link { color: #006633; text-decoration: none}
.win:visited{color: #006633;text-decoration: none}
.win:hover { background:#006633; color:#ffffff ;text-decoration: none;cursor:pointer; font-weight:bold}

.draw:link { color: #000000; text-decoration: none}
.draw:visited{color: #000000;text-decoration: none}
.draw:hover { background:#000000; color: #ffffff; text-decoration: none; cursor:crosshair}

.tr:link { color: #330099; font-weight:900; text-decoration: none}
.tr:visited{color: #330099;font-weight:900;text-decoration: none}
.tr:hover { background:#330099; color:#ffffff ;font-weight:900;text-decoration: none}


#geo
{
color:#003300;
}
.geo:link { color: #FF6633; text-decoration: none}
.geo:visited{color: #FF6633;text-decoration: none}
.geo:hover { background:#FF6633; color:#ffffff ;text-decoration:none; font-weight:bold}

.jpl:link { color: #FF0033;background:#FFFF66; text-decoration: none}
.jpl:visited{color: #FF0033;background:#FFFF66;text-decoration: none}
.jpl:hover { background:#FF0033; color:#FFFF66 ;text-decoration:none; font-weight:bold}


/* ############################################*/
/* Menu Gauche Box Design*/
/* ############################################*/

#clubhead
{
width: 200px;
height:34px;
background-image:url("design/clubhead.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;

}

#t2thead
{
width: 200px;
height:34px;
background-image:url("design/t2thead.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;

}


#sponsorshead
{
width: 200px;
height:34px;
background-image:url("design/sponsorshead.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;

}

#nethead
{
width: 200px;
height:34px;
background-image:url("design/nethead.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;

}
#menubg
{
width:200px;
height:100%;
margin:0px;
background-image:url("design/menubg.png");
background-repeat:repeat-y;
padding:0px;
margin-right: 3px;

}

#menufoot
{
width:200px;
height:14px;
background-image:url("design/menufoot.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;

}



/* ############################################*/
/* End Of Menu Gauche Box Design*/
/* ############################################*/




/* ############################################*/
/* Resultats & NextGame Context Box Design*/
/* ############################################*/


#newsBox
{
width:600px;
height:102px;
background-image:url("design/newsBox.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 6px;


}

#newstexte
{width:95%;}

#newsbg
{

height:auto;
width:600px;
background-image:url("design/mainBoxBG.png");
background-repeat:repeat-y;
margin:0px;
margin-right: 6px;
padding-left:0px;
padding-right:0px;


}

#newsFooter
{
width:600px;
height:50px;
background-image:url("design/footerMainBox.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 6px;
}





#bgBox
{
width:200px;
height:100%;
margin:0px;
background-image:url("design/bgBox.png");
background-repeat:repeat-y;
padding:0px;
margin-right: 3px;

}

#footBox
{
width:200px;
height:14px;
background-image:url("design/footBox.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;

}



/* Head for Boxes */

#nextBox
{
width:200px;
height:34px;
background-image:url("design/nextBox.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;

}


/* Résultats */
#scoreBox
{

width:200px;
height:34px;
background-image:url("design/scoreBox.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;

}


#archiveBox
{
width:200px;
height:34px;
background-image:url("design/archiveBox.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;

}

#pressBox
{
width:200px;
height:34px;
background-image:url("design/pressBox.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;
}


#infoBox
{
width:300px;
height:25px;
background-image:url("design/infoBox.png");
background-repeat:no-repeat;
margin:0px;
margin-right: 3px;


}


