/* CSS Document */
#slidemenubar, #slidemenubar2{ /* Mise en forme du cadre de Menu dans les pages naviguées*/
position:absolute;
top:10px;
border:0px;
line-height:20px;
text-align:center;
background:no;
font-size:12px;
}


/* Mise en Forme des Div */
body
{

	background-color:#FFF;
	background-image:url(images/style2/bkgr.jpg);
	background-position: top; 
	background-repeat: repeat-x; 
	margin: 0px 0px 0px 0px;
}

#en_tete
{
	width: 100%;
	height: 252px;
	width: 850px; 
	background-image:url(images/style2/header2.png);
	background-repeat: no-repeat;
	margin-top: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom:0px; 
	padding: 0px 0px 0px 0px; 
}

#Corps {
	background-image:url(images/style2/corps.png); 
	background-repeat:repeat-y;
	margin-top: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom:0px; 
	min-height:270px; 
	width: 850px; 
}

#menutop { 
	margin-top:0px;
	margin-left:0px; 
	margin-right:0px; 
	margin-bottom:0px;
	height: 72px; 
	width: 830px; 
	background-image:url(images/style2/menu.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#fff;
	padding-top:20px;
	padding-left:20px;
}

#boiteMenuG{
	float: left;
	width: 200px;
	height: auto;
	margin-top: 0px 0px 0px 0px;
	padding-left: 0px;
}

#boiteTexte{
	float: left;
	width: 435px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin-left: 10px; 
	margin-right: 10px;
}

#boiteMenuD{
	float: left;
	width: 165px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding-right: 30px;
}

#pied_de_page {

	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	height: 80px;
	width: 850px;
	background-image:url(images/style2/footer.png);
	background-repeat: no-repeat;
	text-align:center;
	background-color:#fff;
}

.spacer {
  clear: both;
}

/* Mise en Forme des encadrement */

.box190
{
	float:left;
	width:190px;
	height:auto;
	padding:1px;
	margin:10px 10px 10px 10px;
	text-align:center;
	border: 1px solid #030;
}

.widebox {
	margin-left:auto;
	margin-right:auto;
	width:750px;
}

.element_menuG
{
	padding-left:20px;
	margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.btn_menuG {
	height:30px;
	color:#FFF;
	padding-left:20px;
	padding-top:3px;
}

.btn_menuG a:link {
	color: #FFF;
	text-decoration: none;
}

.btn_menuG a:visited {
	color: #FFF;
	text-decoration: none;
}

.btn_menuG a:hover {
	color: #090;
}



.element_menuD
{
	padding-left:20px;
	margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}





/* Mise en Forme des Textes */

h1 {
	text-align:left;
	padding-left: 15px;
	color:#060;
	font-family:"Times New Roman", Times, serif;
	font-size:24px
	
}

h2 {
	text-align:left;
	color:#060;
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	padding-left: 18px;
}

h3 {
	text-align:left;
	color:#060;
	font-family:"Times New Roman", Times, serif;
	padding-left: 16px;
}

h5 {
margin-top:7px;
margin-bottom:0px;
padding-left:10px;
}

p {
	color:#030;
	padding-left:10px;
}

table {
	font-size:11px;
}


a:link {
	color: #060;
	text-decoration: none;
}

a:visited {
	color: #060;
	text-decoration: none;
}

a:hover {
	color: #090;
	text-decoration: underline;
}



.titre {
	color: #060;
	font-weight: bold;
	text-decoration:underline;
	background-image:url(images/style2/titleline.png);
	background-repeat:no-repeat;
	background-position: top right;
	height:25px;
}

.smalltext {
	font-size:11px;
	color:#030;
}



.menu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.menu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #030;
	text-decoration: none;
}

.menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #060;
	text-decoration: none;
	text-align:center;
	margin-top:30px;
	padding-left:30px;
	padding-top:40px;
}

.menuPadding {
	padding-top: 35px;
	margin: 0px 0px 0px 0px;
	vertical-align:middle;
}
.menuSeparateur {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/separateurH.gif) no-repeat;
	width: 2px;
}









#sidebar
{
float:left;
width:140px;
height:100%;
background-image:url(images/HeaderSide.png);
background-position:bottom;
background-repeat:no-repeat;
text-align:right;
color:#FFF;
text-decoration:blink;
}

/* Le menu */

#menuright
{
   float: right; /* Le menu flottera à droite */
   width: 20%; /* Très important : donner une taille au menu */
   height:auto;
   margin-left:20px;
   text-align:center;
   border:1px solid green;
   background-image:url(images/CellbkgrTrans4.png);
 }

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 17%; /* Très important : donner une taille au menu */
   min-width:200px;
   height:95%;
   margin-right:100px;
 }



.element_menu h3 /* Tous les titres de menus */
{    
	color: #060;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}




.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}


.cadre
{
	margin-left: inherit;
	margin-bottom: inherit;
	text-align:center;
	border:3px solid green;
	padding:20px;
	background-image:url(images/CellbkgrTrans2.png);
}


.Contneurhoriz
{
	float:left;
	width:250px;
	height:auto;
	padding:10px;
	margin:20px 20px 20px 20px;
	text-align:center;
	vertical-align:middle;
	background-image:url(images/CellbkgrTrans.png);
	border: 1px solid black;
}

.Contneurhoriz-250
{
	float:left;
	width:250px;
	height:auto;
	padding:10px;
	margin:20px 20px 20px 20px;
	text-align:center;
	background-image:url(images/CellbkgrTrans.png);
	border: 1px solid black;
}



a span { /* définition de la balise <span> inclue dans <a> */
	display: none;
}
a:hover span { /* définition de la balise <span> au survol */
	display:inline;
	position: absolute;
	width: 80px;
	height: 120px;
	left:200px;
	background: none;
	text-align: center;
	color: #015215;
	border:0px;
	z-index:90;
}

.GreenTitre {
	font-size: x-large;
	font-weight: bold;
	color: #015215;
}

.SmallGreenT {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: black;
	font-weight: bold;
}

.Important {
	text-decoration:blink;
	color:#FF0000;
	font-family: Bold strong;
	font-size:x-large;
}

#pscroller1{ /*Propriétés du premier Cadre : résultat du week-end*/
width: 145px;
height: 33px;
padding: 2px;
margin-right: 5px;
border:1px solid #060;
font-size:11px;
}

#pscroller2{ /*Propriétés du second cadre : matchs à venir*/
width: 145px;
height: 50px;
padding: 3px;
border:1px solid #060;
font-size:16px;
}

#pscroller1 a{
text-decoration: none;
}
#pscroller2 a{
text-decoration: none;
}

.someclass{ 
	font:"Times New Roman", Times, serif; 
	text-align:left;
	color:#000000;
	
}


.TitreTableau {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	background-color: #039903;
}
.MatchExt{
	background-image:url(images/CellbkgrTrans4.png);
	color:#FF0000;
	font-weight: bold;
	font-style:italic;
}
.MatchDom{
	background-image:url(images/CellbkgrTrans3.png);
	color:#009F00;
	font-weight: bold;
}