body, form { margin : 0 auto  20px auto ; padding : 0 ; text-align : center ; }
img { border : none ; }

/* STRUCTURE DOCUMENT*/
#ctn { width : 880px ; margin : 0 auto ; padding : 0 ; text-align : center ; background : #FFF ; }
#ctnLeft { width : 597px ; margin : 0 auto ; float : left ; padding : 0 ; }
#ctnRight { width : 250px ; margin : 0 auto ; float : right ; padding : 0 ; }

/* HEADER */
#header { height : 20px ; background : #000 ; margin : 0 ; padding : 0 ; text-align : right ; border-bottom : 1px solid #DDD ;border-top : 2px solid #666 ; }
#header div { margin : 0 auto ; width : 880px ; padding-top : 2px ; }
#header h1 { float : right ; font : Normal 12px/17px Arial, Helvetica ; color : #FFF ;  margin : 0 ; padding : 0 ; }
#header p { float : right ; margin : 0 ; padding : 0 ; font : Normal 10px/17px Arial, Helvetica; color : #666 ; text-transform : uppercase ; }

/*TITRE PAGE*/
#titrePage { margin: 15px  0 5px 20px; padding : 10px 0 0 250px ; height : 80px ; background : transparent url(../../img/logo-euro-2008-bg.gif) no-repeat ; }
#titrePage h1 { margin : 0 ; padding : 0; text-align : left ; font-family : Arial Rounded MT Bold, Helvetica ; color : #9C9 ;  }
#titrePage h2 { margin : 0 ; padding : 0 ; font : Bold 10px Verdana ; color : #333 ; text-align : left }
#titrePage p { margin : 5px 0 ; padding : 0 ; text-align : left ; font : Normal 11px Arial ; }

/* ONGLET */
#onglet { margin : 0px 0 0 20px ; padding : 0 ; text-align : left ;  }
#onglet ul { margin : 0 0 0 5px ; padding : 0 ; list-style : none ; }
#onglet li { margin : 0 ; padding : 0 ; display : inline ; font : Bold 10px/25px Verdana ; }
#onglet .lien, #onglet .actif { border : 1px solid #9C9 ; border-bottom: none ; margin : 0 5px 0 0 ; padding  : 7px ; text-decoration : none ;  }
#onglet .lien { color : #000 ;  background : #E1F0E1; }
#onglet .lien:hover, #onglet .actif { background : #FFF ; color : #FF0000 ;}


/* CENTRE */
#ctn_euro { margin : 0 0 0 20px ; padding : 20px 30px 60px 30px ; border : 1px solid #9C9 ; text-align : left ; }
#ctn_euro h1 { margin : 0 ; padding : 0 ; color : #9C9 ; font : Bold 15px/27px Arial ; text-transform : uppercase ; text-align : left ; }
#ctn_euro h2 { margin : 0 ; padding : 0 ; color : #000 ; font : Bold 13px/22px Arial, Helvetica ; text-transform : uppercase ; }
#ctn_euro h3 { margin : 0 ; padding : 0 ; color : #666 ; font : Bold 11px/20px Arial, Helvetica ;  text-transform : uppercase ;  }
#ctn_euro p { margin : 0 ; padding : 5px 0 ; color : #666 ; font : Normal 12px/15px Arial, Helvetica ; }
#ctn_euro p  a { color :#06C }
#ctn_euro p img { float : left ; margin : -6px 10px 0 0 ; }
#ctn_euro ul { margin : 5px 0 0 15px ; padding : 0px ; }
#ctn_euro ul li { font : Normal 11px/17px Arial ; list-style-type : disc ; padding-left : 0px ;color : #000 ; }
#ctn_euro ul li a { color : #06C ;  text-decoration : none ; }
#ctn_euro ul li a:hover {  color : #06C ; text-decoration : underline ; }

/* LIGNE MATCH */
.contentMatch { margin : 0 ; padding :  0 0 10px 0 ; background : url(../../img/euro/bg_bleu.jpg) repeat-x left bottom ; border-top : 5px solid #9C9 ; text-align : center ;} 
.titreMatch { position : relative ;  margin : 0 ; padding : 0 ; height : 40px ;  background : #FFF ; font : Bold 16px/15px Arial ;  }
.equipeMatch { position : absolute ; top : 6px ; left : 40px ; }
.spanA { padding-right : 24px ;}
.spanB { padding-left : 24px ; margin-left : 3px;}
.imgEquipe { position : absolute ; top : 7px ; left : 5px ; width : 28px ; height : 28px ; background : #FFF url(../../img/ico-euro-2008.gif) no-repeat center center; }
.infoTitre { position : absolute ; top : 23px ; left : 41px ; font : Normal 11px/15px Arial,Helvetica  ; }
.infoTitre a { color : #000; text-decoration : none ;}
.infoProno { position : absolute ; top : 4px ; right : 5px ; font : Normal 11px/15px Arial,Helvetica  ; }
.avgProno {  position : absolute ; top : 19px ; right : 5px ; font : Bold 15px/15px Arial,Helvetica  ; }

/* LIGNE BKMAKER */
.tableBmk { margin : 0 0 0 5px ; padding : 0 ; width : 505px ; color : #000 ; text-align : center ; font : Normal 12px/24px Arial, Helvetica ; }
.tableBmk td, .tableBmk oth { border-top : 1px solid #D9E1F0 ; }
.imgBmk { text-align : left ; text-indent : 5px; }
.coteBmk { width : 46px ;}
.tableBmk a { text-decoration : none ; color : #000 }
.tableBmk a:hover { text-decoration : underline ; }
.tdParier { text-align : right ; padding-right : 5px ;}

/* TABLE 1N2 */
.table1N2 { margin : 5px 0 10px 0 ; padding : 0 ; width : 515px ; color : #000 ; text-align : center ; font : Normal 12px/19px Arial, Helvetica ; }
.avg1N2 {  font : Bold 20px/30px Arial, Helvetica ; color : #06C}
.table1N2 td { width : 20% ;}

/* ELIMINATOIRES + MATCHES TOUR */
.tableElmnt {  margin : 5px 0 10px 0 ; padding : 0 ; width : 515px ; color : #000 ; text-align : left ; font : Normal 12px/19px Arial, Helvetica ; }
.tableElmnt td {  text-indent : 5px ; }
.elmntA {  text-align : right ; width : 140px ; }
.elmntB {  text-align : left ; width : 215px ; }
.spanA { padding-right : 21px ;  }
.spanB { padding-left : 21px ;  }
.elmntScore {  text-align : center ; width : 35px ; }
.elmntDate {  text-align : left ; width : 95px ; text-indent : 5px ; font-size : 11px ; }
.elmntChaine { text-align: left ; width : 25px ; }
.elmntVille { padding-right : 5px ; font-size : 11px ; }
.tableElmnt a:hover { text-decoration : underline ;}

/* TABLE JOUEURS */
.tableJr {  margin : 5px 0 10px 0 ; padding : 0 ; width : 515px ; color : #000 ; text-align : left ; text-indent : 5px ; font : Normal 12px/19px Arial, Helvetica ; }
.tableJr td {  width : 25% ; text-align : left ; vertical-align : top ; }
.tableJr td ul {  padding :  0 0 0 5px  !important ; margin-top : 0 !important; }

/* CLASSEMENT */
.tableClmt {  margin : 5px 0 10px 0 ; padding : 0 ; width : 515px ; color : #000 ; text-align : left ; font : Normal 12px/19px Arial, Helvetica ; }
.clmtEquipe {  text-align : left ; width : 145px ; text-indent : 5px }
.clmtData {  text-align : left ; width : 40px ; text-align : center ;}
.tableClmt a:hover { text-decoration : underline ;}

/* VOTE INTERNAUTE */
.euroVote { margin : 5px 0 10px 0 ; padding : 0 ; width : 515px ; color : #000 ; text-align : left ; font : Normal 12px/19px Arial, Helvetica ; }
.euroVote td {  border-bottom : 1px solid #9C9 ;}
.euroVoteA { margin : 0 ; padding : 0 ; width : 140px ; text-align : right ;}
.euroVoteA span { padding-right : 20px ; margin-right : 5px; }
.euroVoteB { margin : 0 ; padding : 0 ; width : 140px ;  text-align : left ; }
.euroVoteB span { padding-left : 20px ;  margin-left : 5px; }
.euroCroix { margin : 0 ; padding : 0 ; width : 16px ; }
.euroProno { margin : 0 ; padding : 0 ; text-align : center ; width : 25px; }
.euroAVG { margin : 0 ; padding : 0 ; text-align : center ; width : 70px; color : #666 ; font-size : 11px }
.inputBut { width : 23px ;  border : 1px solid #CCC ; text-align : center ; }
.euroLien { padding-left : 5px ; color:#06C ; text-decoration : underline ; font:Normal 10px Arial ; text-transform : uppercase ; }
.tdLien { width : 60px ;  }
#liste { position: relative ; margin: 15px 0; padding : 0 ; }
#loaderInsert { width: 460px ; display : none ; font : Bold 12px/34px Arial, Helvetica ; text-align : center ; }
#divBtn { width: 465px ; text-align : center ; padding : 0 ; margin : 0 ; }
#btnVote { display : block ; margin : 0 auto ; height : 34px ; width : 220px ; background: url(../../img/btn-euro.jpg) no-repeat ; text-align : center ; text-decoration : none ; text-transform : uppercase ;
font:Bold 11px/34px Verdana,Helvetica ; color : #FFF ; }

/*LIENS  HORIZONTAUX*/
#listeMenu { margin : 0 ; padding : 0 ; text-align : left ;  }
#listeMenu ul { margin : 0 ; padding : 0 ; list-style : none ;  }
#listeMenu li { margin : 0 ; padding : 0 ;  display : inline ; }
#listeMenu li a { margin : 0 ; padding  : 5px ; text-decoration : underline ; font : Bold 12px/25px Arial,Helvetica ;  background : #FFF; color : #06C;}


/* COULEUR */
.bg_bc { background-color : #D9E1F0 !important ; }
.bg_blc { background-color : #FFF !important ; }
.bg_vc { background-color : #E1F0E1 !important ; }
.bg_vf { background-color : #9C9 !important ; }
.bg_gc { background-color : #EEE !important ; }
.vf { color : #696 ; }

/* ALIGNEMENT */
hr { visibility : hidden ; }
.alignLeft { text-align : left ;  }
.alignRight { text-align : right ; }
.clear { clear : both ; height : 1px ; overflow : hidden ; font-size : 1px ;}

/* LIENS */
.lkBleu { color : #06C !important ; text-decoration : none ; }

/* AFFILIATION */
#aff { margin : 15px 0 0 0 ; padding : 0 ; text-align : left; }
#aff .top { margin : 0 ; padding : 0 ; background : url(../../img/affTop.gif) no-repeat left bottom ; height : 10px; line-height : 10px ; }
#aff .bottom { margin : 0 ; padding : 0 ; background : url(../../img/affBottom.gif) no-repeat left top ; height : 10px ; line-height : 10px ; }
#aff .contenu { margin : 0 ; padding : 0 10px 0px 20px ; background : url(../../img/affMiddle.gif) repeat-y left bottom ; }
#aff .topJ { margin : 0 ; padding : 0 ; background : url(../../img/affJTop.gif) no-repeat left bottom ; height : 10px ;line-height : 10px ;  }
#aff .bottomJ { margin : 0 ; padding : 0 ; background : url(../../img/affJBottom.gif) no-repeat left top ; height : 10px ; line-height : 10px ;}
#aff .contenuJ { margin : 0 ; padding : 0 10px 5px 20px ; background : url(../../img/affJMiddle.gif) repeat-y left top ;}
#aff h3, #aff h3 a { font : Bold 11pt/15pt Arial, Helvetica, sans-serif !important; color : #06C ; text-align : left ; margin : 0 ; padding : 0 ; text-decoration : none ; }
#aff p { font : Normal 8pt/11pt Arial, Verdana, sans-serif ; color : #000 ;  margin : 0 ; padding : 0 ; }
#aff a { font : Bold 9pt/15pt Arial, Verdana, sans-serif ; color : #090 ; text-decoration : underline ;} 

/* WINDOW INFO */
#wd { position : absolute ; z-index : 10 ; top : 10px ; left : 10px ; width : 220px ; background : #000 ; margin : 0 ; padding : 1px ; display : none ;}
#wdCtn { position : relative ; margin : 0 ; padding : 0 ; background : #FFF ;   }
#wdCtn h2 { font : Bold 11pt/16pt Arial, Helvetica, sans-serif !important; color : #000 ; text-align : left ; margin : 0 ; padding : 3px 0 0 3px ; text-decoration : none ; }
#wdScore  {  margin : 0 0 0 1px ; padding : 0 ; width : 218px ; color : #000 ;   background : #9C9 ; font : Normal 12px/19px Arial, Helvetica ; }
#wdScore caption { text-align : left ; color : #696 ; text-indent : 3px  }
#wdScore td, #tableWd th {  width : 30px ; height : 20px ; text-align : center ; vertical-align : absmiddle ; background-color : #FFF }
.wdLk { margin : 0 ; padding : 0 ; text-align : center ; font : Bold 11px/20px Arial, Helvetica ; text-transform : uppercase }
#wdLoader { position : absolute ; left : 102px ; top : 98px ; margin : 0 ; padding : 0 ; }

/* ACTUALITE */
#actualite { margin : 0px 0 0 0 ; padding : 0 ;  background : #FFF ; text-align : left  ;}
.titreActu { margin : 0 ; padding : 2px 0 2px 10px ; font : Bold 11px/18px Arial, Helvetica ; ; color : #000 ; border-top: 3px solid #9C9 ; text-transform:uppercase;}
.ulActu { margin : 0 ; padding : 0; list-style : none ; line-height : 19px ;}
.liActu { font : Normal 11px/19px Arial, Helvetica ; margin : 0 ; padding : 0 0 0 10px ; background : url( ../img/filet.gif) repeat-x ; }
.liActu a { color: #06C ; text-decoration: none  ;}
.liActu a:hover { text-decoration: underline  ;}

/**/
#footer { height : 80px ; text-align : center ; padding-right : 250px ; padding-top : 20px ;}
#footer .logo  { padding : 5px 0 5px 18px  ; background : url(../../img/logoIco.gif) no-repeat left center ; font : Bold 11px Arial, Helvetica ; }