@charset "utf-8";
/* CSS Document */

body{
background-color:#084469;
color:#58585a;
margin:0px;
padding:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
 }
 
 img{
  border:0px;
 }

p{
margin:0px;
padding:0px;
}

a{
 text-decoration: none;
 color:#bb1e2f;
}

a:hover{
text-decoration: underline;

}

h1{
 color:#bb1e2f;
 font-size: 1.6em;
}

h2{
 color:#bb1e2f;
 font-size: 1.1em;
}

h3{
 color:#58585a;
 font-size: 1.5em;
 background-image:url(../images/puce.jpg);
 background-repeat:no-repeat;
 background-position:left;
 padding-left:25px;
}

h4{
 color:#bb1e2f;
 font-size: 1.1em;
}



#conteneur{

width:1006px;
margin-left:auto;
margin-right:auto;
text-align: left;

}
 
 #centreHome{
    width: 1000px;
    height: 572px;
     background-image:url('../images/fond_home.gif')   ; 
     float:left;   
 }
     
 #menuHaut{
 
 }
 
 
 #bhaut {
 width:1000px;
 height:45px;
 background-image:url(../images/bandeau_haut_nv.gif);
 background-repeat:no-repeat;
 text-align:right;
 vertical-align:top;
 }
 
 .menu_haut {
  color:#FFFFFF;
 margin-right:35px;
 vertical-align:top;
 }
 
 .menu_haut   a{
   color:#FFFFFF;
 text-decoration:none;
 }
 
  .menu_haut   a:hover{
 color:#FFFFFF;

 text-decoration:underline;
 }
 
 

 
 #menuHaut ul{
 margin: 0px;
 padding: 0px;
  list-style-type: none;
 }
 
  #menuHaut li{
  float:left;
 }
 
 #centre{
    width: 1000px;
    background-image:url('../images/fond_site.gif') ;
         float:left;       
 }
 
 #actu{
 width: 716px;  
}
 #contenuPage{
 width: 716px;  
 position: relative;
 text-align: justify;
}


 #contenuPage H1{
 position: absolute;
 text-transform: uppercase;
 top: 30px;
 left: 60px;
 padding-right: 20px;;
  
}

 #contenuPage H2{
 position: absolute;
 text-transform: uppercase;
 top: 50px;
 left: 80px;
 padding-right: 20px;;
  
}

#contenuTexte{
  width: 636px;
  padding-top: 80px;
  padding-left: 60px;
  padding-right: 20px;; 
}

#retour{
  width: 636px;
  padding-top: 30px;
  padding-left: 60px;
  padding-right: 20px;; 
  text-align: center;
}          



#actuPrincipal{
  
width: 716px;
height: 408px;
background-image: url('../images/bg_actu.gif');;  
overflow: hidden;
position : relative;
}

#actuPrincipal h1{
    position: absolute;
    left: 60px;
    top: 30px;
    width: 620px;
}

#imgActu1{
    width: 370px;
    height:308px;
    position: absolute;
    left : 67px;
    top: 77px;
}

#texteHome1{
    width: 220px;
    height: 195px;
    overflow: hidden;
    position: absolute;
    left: 460px;
    top:77px;
    margin: 0px;
    padding: 0px;
    text-align: justify;
}

#readNextHome1{
position: absolute;
left: 585px;
top: 257px;


}

#paroleConteneur{
position: absolute;
left: 460px;
top: 280px;

}

#paroleTemp{
position: absolute;
left:465px;
top:284px

}

#menuDroit{
    float:right;
    width: 281px;;
    position: relative;
    min-height: 620px;
}

#actu2{
position: relative;

}

#actu2 h2{
    width: 145px;;
    height: 35px;
    overflow: hidden;
    left: 60px;
    position: absolute;
}

#imgActu2{
    width: 140px;
    height: 75px;
    position: absolute;
    left: 60px;
    top: 40px;
}

#texteActu2{
    width: 140px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    left: 60px;
    top:120px;
    margin: 0px;
    padding: 0px;
    text-align: justify;
    font-size:0.8em;
}

#readNextHome2{
position: absolute;
left: 125px;
top: 145px;


}      

#actu3{
position: relative;

}

#actu3 h2{
    width: 145px;;
    height: 35px;
    overflow: hidden;
    left: 220px;
    position: absolute;
}

#imgActu3{
    width: 140px;
    height: 75px;
    position: absolute;
    left: 220px;
    top: 40px;
}

#texteActu3{
    width: 140px;
    height: 37px;
    overflow: hidden;
    position: absolute;
    left: 220px;
    top:120px;
    margin: 0px;
    padding: 0px;
    text-align: justify;
    font-size:0.8em;
}

#readNextHome3{
position: absolute;
left: 285px;
top: 145px;


}

#separateurActu{
    position: absolute;
    left: 204px;
    top: 2px;
}   

#lstActu{
width: 314px;

float: right;







}


#lstActu a{
     color:#58585a;
     font-size:0.9em;
}


.lstBreve{
    width: 314px;
    height: 15px;
    overflow: hidden;
    font-size:1em;
    line-height: 15px;
}

.gris{
background-color: #f1f1f1;

}

.blanc{
    background-color: white;
}


#prochainMatch{

width:250px;

    
}

#fontPm{
    width: 250px;
    height: 185px;
    background-image: url("../images/fond_pm.gif");
    position: absolute;
    top:38px;
    left:0px;
    float: left;
}

.lignePm{
 width: 250px;
 text-align: center;
 color: white;
 overflow: hidden;
 position: absolute;
 font-weight: bold;    
}

#ligne1{
   text-transform: uppercase;
   font-size:16px;
   font-weight: bold;
   top: 5px;
   
}

#ligne2{
  top: 20px;  
}

#ligne3{
   text-transform: uppercase;  
   font-size:16px;
   font-weight: bold;
   top: 25px; 
}

#ligne4{
  top: 49px;
  font-style: italic; 

}

#ligne5{
top: 65px; 
 font-style: italic;   
}

#ligne6{
   text-transform: uppercase; 
   font-size:16px;
   
   top: 95px; 
}

#ligne7{
top: 110px; 

}

#ligne8{
  text-transform: uppercase; 
  font-size:16px;
  font-weight: bold;
  top: 115px; 
}

#ligne9{
top: 140px; 
 font-style: italic;   
}

#ligne10{
top: 155px; 
font-style: italic;   
}

#publiciteDroite{
    width: 248px;
    height: 100px;
    border: 1px solid #a4a4a4;
    position: relative;
    top: 187px;
    background-color: white;
}

#pubMatch{
position: relative;
top: 197px;
 width: 250px;
 height: 53px;

}

.vignetteRubrique{
    width: 190px;
    float:left;
    cursor: pointer;
	margin-bottom:20px;
}

.titreRubrique{
    text-align: center;
	font-weight:bold;
	height:30px;
}

#imgActu{

      width: 394px;
      height: 331px;
      position: relative;
      float:left;
      background-image: url('../images/bg_img.gif');
      top: -14px;
      left: -3px;
      padding-right: 5px;
}

#imgActu img{
    width: 370px;
    height:308px;
      position: absolute;
          left : 10px;
    top: 11px;

}