﻿/*******************************/
/* AUTHOR   : Keven Diamond    */
/* CREATED  : 2008-09-10       */
/* MODIFIED : 2008-09-12       */
/*******************************/
html, body {
	font-size: 12px;
	font-family: Arial, Vernada, Sans-Serif;
	margin: 0px;
	padding: 0px;
	background-color: #636362;
	background-image:url(../Images/Interface/bg_principal.gif);
	background-repeat: repeat-x;
}
.global { width: 100% }

.globalContent {
	margin: auto;
	width: 1000px;
}

.content2 img {
  max-width: 400px;
}

.import{ }
.header{
	background-image:url(../Images/Interface/Banner/bandeau.jpg);
	width:1000px;
	height:292px;
}

/* Menu classes */
.menuTop{
	width: 199px;
	height: 165px;
}
.menuItem{
	background-image:url(../Images/Interface/menu_bg.gif);
	background-repeat:repeat-y;
	width: 199px;
    position: relative;
}
.menuItem div {
position: absolute;
left: 23px;
}
.menuBottom{
	width: 199px;
	height: 12px;
}
.leftButton {
	position: relative;
	width: 199px;
	height: 47px;	
	color: White;
	font-weight: bold;
}
.leftButton div {
	position: absolute;
    left: 60px;
    top: 17px;
}
.sponsors {
	padding-top: 7px;
	width: 199px;
}

/* Content classes */
.content{
	position:static;
	width:800px;
	vertical-align: top;
	background-color:White;
	padding-left: 14px;
}

/*****************************/
/* NEWS MARQUEE              */
/*****************************/
.theMarqueeBar {
    position: relative;
    background-image:url(../Images/Interface/bande_defilante.gif);
    background-repeat: no-repeat;
    width:772px;
    height:31px;
}
.theMarqueeBar a {
    color: #ffffff;
    text-decoration: none;
}
.theMarqueeBar .marquee {
    position: absolute;
    top: 8px;
    width: 600px;
}
.theMarqueeBar .marqueeButton {
    position: absolute;
    right: 15px;
}
.theMarqueeBar .marqueeButton ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.theMarqueeBar .marqueeButton ul li {
    display: inline;
  
}

/*****************************/
/* COPYRIGHT                 */
/*****************************/
.copyright {
    background-image:url(../Images/Interface/bas.gif);
    background-repeat: no-repeat;
    border-top: 1px solid #ffffff;
    color: #ffffff;	
    height:64px;
    position:relative;
    width:1000px;
}
.copyright a {
    color: #ffffff;
}
.copyright div {
    position: absolute;
}
.copyright .space {
    right: 280px;
    top: 14px;
}
.copyright .link {
    left: 50px;
    text-align: center;
    top: 15px;
}
.copyright .link ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.copyright .link ul li {
    display: inline;
 }
.copyright .signature {
    left: 535px;
    text-align: center;
    top: 15px;
    width: 160px;
}
.copyright .signature2 {
    right: 100px;
    text-align: center;
    top: 15px;
    width: 160px;
}
.copyright .logo {
    right: 15px;
    top: 8px;
}

/*****************************/
/* TOP BUTTON                */
/*****************************/
.topButtons {
    color: White;
    font-weight: bold;
    height: 60px;
    margin-top: 3px;
    position: relative;
}
.topButtons div {
    position: absolute;
    top: 0px;
}
.topButtons div div {
    position: absolute;
    top: 24px;
}
.topButtons .button1 {
    left: 0px;
}
.topButtons .button2 {
    left: 157px;
}
.topButtons .button3 {
    left: 313px;
}
.topButtons .button4 {
    left: 469px;
}
.topButtons .button5 {
    left: 626px;
}
.topButtons .button4 .count1 {
    left: 138px;
}
.topButtons .button4 .count2 {
    left: 158px;
}

/*****************************/
/* NEXT MATCH                */
/*****************************/
.nextMatch {
    color: #00275d;
    padding-top: 10px;
    width: 292px;
}
.nextMatch a { color: #00275d; } 
.nextMatch .banner {
    background-image: url(../Images/Interface/Banner/titre_match.gif);
    background-repeat: no-repeat;
    height: 44px;
    width: 292px;
}
.nextMatch .link {
    background-image: url(../Images/Interface/calendrier_top.gif);
    background-repeat: no-repeat;
    height: 21px;
    text-align: center;
    width: 292px;
}
.nextMatch .content {
    background-image: url(../Images/Interface/calendrier.gif);
    background-repeat: no-repeat;
    height: 156px;
    width: 292px;
}
.nextMatch table {
    margin-left: -7px;
}
.nextMatch table td {
    text-align: center;
    width: 68px;
}
.nextMatch table .date {
    font-weight: bold;
    padding-top: 3px;
}
.nextMatch table .logo {
    padding-top: 10px;
}
.nextMatch table .hour {
    padding-top: 10px;
}

/*****************************/
/* DECOMPTE                  */
/*****************************/
.decompte {
  background-image: url(../Images/Interface/decompte.jpg);
  background-repeat: no-repeat;
  height: 221px;
  position: relative;
  width: 292px;
}
.decompte div {
  color: #00285c;
  font-size: 26px;
  font-weight: bold;
  height: 30px;
  position: absolute;
  text-align: center;
  top: 125px;
  width: 30px;
}
.decompte .day { left: 92px; }
.decompte .hour { left: 142px; }
.decompte .minute { left: 192px; }
.decompte .second { left: 242px; }

/*****************************/
/* PROMOTION                 */
/*****************************/
.promotion {
    padding-top: 10px;
    width: 292px;
}
.promotion .banner {
    background-image: url(../Images/Interface/Banner/titre_promotions.gif);
    background-repeat: no-repeat;
    height: 52px;
    width: 292px;
}
.promotion .link {
    background-image: url(../Images/Interface/promotion_top.gif);
    background-repeat: no-repeat;
    height: 6px;
    width: 292px;
}
.promotion .content {
    background-image: url(../Images/Interface/bg_promotions.gif);
    background-repeat: repeat-y;
    margin-top: -12px;
    width: 292px;
}
.promotion .content div {
    width: 265px;
    text-align: justify;
}
.promotion .bottom {
    background-image: url(../Images/Interface/promotions_bas.gif);
    background-repeat: no-repeat;
    height: 10px;
    margin-top: -12px;
    width: 292px;
}

/*****************************/
/* NEWS                      */
/*****************************/

.news {
    width: 454px;
}
.news a { color : #00275d; }
.news .banner {
    background-image: url(../Images/Interface/Banner/titre_dernieres_nouvelles.gif);
    background-repeat: no-repeat;
    height: 55px;
    width: 454px;
}
.news .content {
    background-image: url(../Images/Interface/bg_nouvelles.gif);
    background-repeat: repeat-y;
    text-align: justify;
    width: 454px;   
    padding-left: 6px; 
}

.news .content .tsButtonRow {
   width: 442px;
}
.news .content .tsTeaser {
    padding: 5px 0px 5px 9px;
}
.news .content .tsContent .title {
    background-color: #272727;
    color: #ffffff;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    text-align: center;
    width: 442px;
}
.news .content div .tsContent {
    margin-right: 30px;
}
.news .bottom {
    background-image: url(../Images/Interface/boite_nouvelles_bas.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 454px;
}
.news .content .borderBlue {
    background-image: url(../Images/Interface/BoxNewsStory/bg_bleu_nouvelles.gif);
    background-repeat: repeat-x;
    height: 31px;
}
.news .content .allNews {
    background-image: url(../Images/Interface/BoxNewsStory/bg_jaune_nouvelles.gif);
    background-repeat: repeat-x;
    height: 20px;
    position: relative;
    width: 442px;
}
.news .content .allNews div {
    position: absolute;
    top: 2px;
}
.news .content .allNews .date {
    color: #00275d;
    font-weight: bold;
    left: 10px;
}
.news .content .allNews .link {
    right: 10px;
}
.viewNews {
    text-align: justify;
    width: 464px;
}
.viewNews .title {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
}
.viewNews .date {
    font-weight: bold;
    padding-bottom: 10px;
}
.viewNews .description {

}
.viewNews .back {
    text-align: right;
}
.viewNews .back a {
    color: #00275d;
    font-weight: bold;
}

/*****************************/
/* MULTIMEDIA                */
/*****************************/
.multimedia {
    padding-top: 10px;
    width: 454px;
}
.multimedia2 { padding-top: 0px; }
.multimedia a { color : #00275d; }
.multimedia .banner {
    background-image: url(../Images/Interface/Banner/titre_multimedia.gif);
    background-repeat: no-repeat;
    height: 55px;
    width: 454px;
}
.multimedia .content {
    background-image: url(../Images/Interface/bg_nouvelles.gif);
    background-repeat: repeat-y;
    width: 454px;   
    padding-left: 6px; 
}
.multimedia .bottom {
    background-image: url(../Images/Interface/boite_nouvelles_bas.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 454px;
}
.multimedia .content .allNews {
    background-image: url(../Images/Interface/BoxNewsStory/bg_jaune_nouvelles.gif);
    background-repeat: repeat-x;
    height: 20px;
    position: relative;
    width: 442px;
}
.multimedia .content .allNews div {
    position: absolute;
    top: 1px;
}
.multimedia .content .allNews .link1 {
    left: 10px;
}
.multimedia .content .allNews .link2 {
    right: 10px;
}	

/*****************************/
/* PUB LHJMQ                 */
/*****************************/
.pubLHJMQ {
  margin-top: 10px;
  width: 728px;
}
.pubLHJMQ a {
  display: block;
  width: 728px;
}
.pubLHJMQ a img {
  width: 728px;
}