body { font : Normal 10px/12px Verdana ; margin : 0px auto 20px auto ; padding : 0  ; text-align  : center ;background : #DDD ; border-top : 0px solid #666;}
/* header */
#header { margin : 10px auto 0 auto ; padding : 0px  ; width : 640px ; text-align  : center ; }
#header h1 { font : Bold 18px/30px Verdana ; margin : 0 ; padding : 10px 0 0 0 ;  }
h1 span { display : none ; }
h2 { font : Bold 10px/20px Verdana ; margin : 0 ; padding : 0 ; color : #CCC; }
img { border : none ; }

.nav { margin : 10px auto 10px auto ; padding : 0 ; width : 550px ; }
.nav ul { margin : 0 ; padding : 0 ; }
.nav li { float : left ; margin : 0 ; padding : 0 ; width : 110px ; text-align : center ; list-style-type: none ; }
.nav li a { color : #06C ; text-decoration : none ; line-height : 20px ;}
.nav img { margin : 0px ; border : none }
#lineHeader { font-size : 1px ; line-height: 1px ; height : 1px ; background:url(../img/topResultat.jpg) no-repeat center bottom;}
#lineBottom { height : 50px ; border : 2px solid #CCC ; margin : 0 ; padding : 0 ; }


.calque { position : absolute; text-align : center ; z-index: 10; width : 130px ; border : 1px solid #333 ;  display : none ;  }
.calque ul { margin : 17px 0 0 0; padding : 0 ; list-style-type : none ; background : #FFF ;}
.calque li { margin : 0 ; padding : 0 ; line-height : 15px ; border-top : 1px solid #DDD ; }
.calque a {color : #000 ; text-decoration : none ; font-weight : Normal ; }
.calque a:hover { color : #F00 ;}

.texte { color : #666 ; font: Normal 11px/15px Arial ; text-align : left ; padding : 0 25px 0 25px ; margin : 1px 0 0 0 ; }
.footer { margin : 20px ; color : #444 ; font-weight : Bold ; }
a { color : #06C ; }

/* centre */
#container {margin : 0; padding : 0  ; background : #FFF; border-bottom : 2px solid #CCC}
#divCentre { margin : 0 auto 0 auto ; padding : 0 0 30px 0  ; width : 560px ; text-align  : center ; }
#divCentre h1 { margin :0 ; padding : 1px 0 1px 0  ; font : Bold 18pt/31pt Tahoma, Arial ;  color : #666 ; text-align : center; }
#divCentre h2 { margin : 0 0 0 0px ; padding : 2px 0 2px 5px ; text-align : left ; font : Bold 9pt Arial ; text-transform : uppercase ;  background : #FF0000 ; color : #FFF ; border-bottom : 2px solid #CCC ; border-top : 5px solid #000 ;}
#divCentre h3 { margin : 0 0 0 0px ; padding : 2px 0 2px 5px ; text-align : left ; font : Bold 10pt Arial ;  color : #999 ;}
#divCentre p { text-align : left ; margin : 0 0 0 5px ; padding : 5px ; background :  #F6F6F6 ; }
#divCentre ul { margin : 5px 0 0 10px ; padding : 0 ; list-style : none ; }
#divCentre li { font-weight : bold ; margin : 0 ; padding : 0 2px 5px 2px ; float : left ; }
#divCentre a { font : Normal 9pt Arial ; text-decoration : none ; color : #06C; padding : 0 ; }
#divCentre a:hover { text-decoration : underline ;  }
#divCentre .ligne-r , #divCentre .ligne-r2 { margin : 0px ; font : Normal 9pt Arial ; padding : 1px 0 0 0 ; border-bottom : 1px solid #CCC ; }
#divCentre .ligne-r2 { background-color : #F6F6F6; }
#divCentre .equipeA { float : left ; margin : 0 ; padding : 0 ; width : 45% ; text-align : right ; }
#divCentre .equipeB { float : left ; margin : 0 ; padding : 0 ; width : 45% ; text-align : left ; }
#divCentre .score { float : left ; margin : 0 ; padding : 0 ; width : 8% ; text-align : center ; }
/*classement*/
#divCentre .ligne-c , #divCentre .ligne-c2 , #divCentre .cl, #divCentre .uefa, #divCentre .inf { margin : 1px 0 1px 0 ; padding : 2px 0 1px 0; width : 100% ; font : Normal 9pt Arial ;  }
#divCentre .cl { background-color : #E5ECF9 ; }
#divCentre .uefa { background-color : #D9F0D9 ; }
#divCentre .ligne-c { background-color : #FFF ; }
#divCentre .ligne-c2 { background-color : #EEEEEE ; }
#divCentre .inf { background-color : #FFE5E5 ; }
#divCentre .place { margin-right : 5px ; margin-left : 1px ;  padding : 0 ; float : left ; text-align : center ; font : Bold 8pt Arial ; background : #333 ; color : #FFF ; font-weight : bold ; width : 18px ; }
#divCentre .equipe { margin : 0 ; padding : 0 ; float : left ; width : 150px ; text-align : left ; }
#divCentre .lienEquipe { border : none ; text-decoration : none ; background : none ; color : #000 ; padding : 0 ; margin : 0 ; }
#divCentre .lienEquipe:hover { color : #FF0000 ; }
#divCentre .data { margin : 0 ; padding : 0 ; float : left ; width : 40px ; text-align : center ;}
/**/
#clear { clear : both ; height : 1px ; overflow : hidden ; }
/* lienSponso-ligne  */
#divSponso { display : block ;  background : #E5ECF9 ; margin : 0px ; padding : 5px 5px 5px 10px; text-align : left ; }
#divSponso h1 { margin : 0 ;  padding : 0 ; background : none ; text-align : left ;}
#divSponso h1 a { font : Bold 9pt Arial ; color : #3333CC ; text-decoration : underline ; }
#divSponso p { margin : 0 ; padding : 0 ; color : #000 ; background : none ;}
#divSponso a { font : Bold 9pt Arial ; text-decoration : none ; color : #009900 ;  }
/* lienSponso-colonne  */
#divSponso-c { margin : 10px 3px 10px 2px ; padding : 7px  ; text-align : left ; background : #FFF ; border : 2px solid #EEEEEE ; }
#divSponso-c h1 { margin : 0 ; padding : 0 ; }
#divSponso-c h1 a { font : Bold 9pt Arial ; color : #3333CC ; text-decoration : underline ; }
#divSponso-c h3 { margin : 0 0 7px 0 ; padding : 0 ; color : #999 ; font : Normal 8pt Arial ;}
#divSponso-c p { margin : 0 ; padding : 0 ; color : #000 ; background : none ;}
#divSponso-c a { font : Bold 9pt Arial ; text-decoration : none ; color : #009900 ;  }
