*{
    margin: 0;
    padding: 0;
}
.body_home{
    background: none repeat scroll #000;
}
body{
    font-size: 18px;
    font-family: Arial;
    
    overflow: hidden;
    
    height :100%;
}
#background{
      width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: 0;
/*	min-height: 1024px;
    min-width: 768px;*/
}

.page{
    /*background: url('../img/background_photo_01.jpg') top left;
    background-repeat: no-repeat;*/
   
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;

    
}

.page .header{
    width: 100%;
    height: 43px;
    background: #010101;
}
.page .centre{
    clear: both;
    width: 100%;
    height: 530px;
    margin-top: 20px;
    
    
}

.content_bas{
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    
    background-image: url('../img/footer.png');
    background-repeat: no-repeat;
    width:  100%;
    height: 341px; 
}


/** 
*HEADER ---------------------------------------------------------------------------------------------------
*/
.header .titreHaut{
    float: left;
    padding-top: 10px;
    color: #fff;
    margin-left: 20px;
}
.header .menu{
    float: right;
    color: #fff;
    padding-top: 10px;
    margin-right: 20px;
}
.header .titreHaut span, .header .menu span{

}


/**
*SLOGAN ---------------------------------------------------------------------------------------------------
*/
.centre .slogan{
    
    width:  100%;
    height: 80px;
}
.centre .slogan img{
    float: right;
    margin-right: 20px;
}

/**
Block bas gauche ---------------------------------------------------------------------------------------------------
*/
.content_bas .block_gauche{
    float: left;
    height: 220px;
    width: 400px;
}
.block_gauche .contenuGauche{
    margin-left: 20px;
    margin-top: 52px;
}

.contenuGauche .titre{
    margin-bottom: 3px;
}
.contenuGauche .video a{
    display: block;
    background-image: url('../img/voir_video.png') ;
    background-position: 0px 100%;
    background-repeat: no-repeat; 
     width:   150px;
    height: 23px;
}
.contenuGauche .video ul li{
    list-style: none;
}
.contenuGauche .video a:hover{
    display: block;
    background-image: url('../img/voir_video.png') ;
    background-position: -150px 100%;
    background-repeat: no-repeat; 
     width:   150px;
    height: 23px;
}
.contenuGauche .video{
    clear: both;
    padding-top: 8px;
    width:   150px;
    height: 23px;
    z-index: 30;
}

/** BLOCK DROITE ---------------------------------------------------------------------------------------------------**/
.content_bas .block_droite{
    position: absolute;
    right: 20px;
    bottom: 127px;
}


/** ACTUALITE + FLUX RSS ---------------------------------------------------------------------------------------------------**/
.block_droite .actualite{
    margin-top: 70px;
    float: left;
    
    width: 218px;
    padding-right: 21px;
     background: url('../img/separateur-vert.png') right center no-repeat;
}
.hautActu .titreActu{
    float: left;
}
.hautActu  .logo{
    padding-top: 6px;
    float: right;
}

/** LISTE DES ACTUALITES ---------------------------------------------------------------------------------------------------**/
.listeActu{
    clear: both;
    width: 100%;
}
.listeActu ul li#act1,.listeActu ul li#act2 {
    list-style-type: none;
    background: url('../img/mini_puce.png') 0px 12px no-repeat;
   height: 35px;
   border-bottom: 1px dotted #999999;
   padding-bottom: 3px;
}
.listeActu ul li#act3{
      list-style-type: none;
    background: url('../img/mini_puce.png') 0px 12px no-repeat;
   height: 35px;
   padding-bottom: 3px;
}
.listeActu ul li a div.content{
    float: left;
    width: 190px;
}
.listeActu ul li a span.icone{
   
    float: right;
    padding-right: 5px;
    padding-left: 1px;
    padding-top: 5px;
    height: 15px;
    width: 15px;
}
.listeActu ul li a span.orDate{
     
    float: left;
}


.listeActu ul li a{
   display: block;
   width: 100%;
   padding-top : 8px;
   padding-left: 3px;
   padding-bottom:  4px;
    text-align: left;
    text-decoration: none;    
    
    color: #fff;
}


/** BLOCK PROCHAIN MATCH + MATCH PRECEDENT ---------------------------------------------------------------------------------------------------**/
.block_droite .match{
    padding-left: 18px;
    padding-right: 18px;
    margin-top: 70px;
    float: left;
    width: 217px;
    height: 140px;
    
    background: url('../img/separateur-vert.png') right center no-repeat;
}
.match .prochainMatch{
    height: 69px;
    padding-bottom: 3px;
    /*border-bottom: 1px solid #003366;*/
    background: url('../img/sep_horiz_prochain_match.jpg') bottom center no-repeat;
}
.match .precedentMatch{
    clear: both;
    height: 70px;
    padding-top: 7px;
}




/** LISTE PROCHAIN MATCH ET MATCH PRECEDENT ---------------------------------------------------------------------------------------------------**/
.prochainMatch ul li, .precedentMatch ul li{
     list-style-type: none;
    background: url('../img/mini_puce.png') 2px 5px no-repeat;
   height: 25px;
}
.prochainMatch ul li a,.precedentMatch ul li a{
    display: block;
   width: 100%;
   
   padding-left: 3px;
    text-align: left;
    text-decoration: none;    
    
    color: #fff;
}
.prochainMatch ul li a .text,.precedentMatch ul li a .text{
    float: left;
    padding-left: 3px;
}
.prochainMatch ul li a .logo,.precedentMatch ul li a .logo{
    float: right;
    padding-right: 7px;
    
}
.prochainMatch ul li a .logo img,.precedentMatch ul li a .logo img{
    padding: 5px 2px 4px 2px;
    
}






/** BLOCK PARTENAIRE ---------------------------------------------------------------------------------------------------**/

.block_droite .partenaire{
    
    margin-top: 70px;
    float: left;
    margin-left:  21px;
}

.devenirPartenaire{
    padding-bottom: 20px;
   /* border-bottom: 1px solid #00203F;*/
   background: url('../img/sep_horiz_partenaire.jpg') bottom center no-repeat;
}

.devenirPartenaire .titreActu2{
    margin-bottom: 2px;
}
.devenirPartenaire .savoirPlus{
    
}

.devenirPartenaire .newsletter{
    margin-top: 10px;
}

/** BLOCK NEWS LETTER -----------------------------------------------------------------------------------------------------**/
.newsletter .titreActu2{
    margin-bottom: 5px;
    margin-top: 8px;
}

.newsletter  input[type="text"]{
    width: 138px;
    height: 17px;
    margin-left: 5px;
    margin-top: 1px;
    border: 1px solid #fff;
    color: #666666;
    text-transform: uppercase;
    font-size: 11px;
}
.newsletter input[type="image"]{
   padding-left:  10px;
    
}

/*input newsletter*/
.arrondi{
    background: url("../img/fond_champ_newsletter.png") no-repeat;
    width: 150px;
    height: 22px;
}


/** FOOTER -----------------------------------------------------------------------**/
.footer{
    clear: both;
}


.footer .blockGauche{
    float : left;
    width: 400px;
    height: 102px;
    
}
.blockGauche .blockGaucheHaut{
    height: 102px;
    width: 100px;
}

.blockGauche .blockGaucheHaut .logo{
    position: absolute;
    bottom: 25px;
    left: 20px;
    float: left;
}
.blockGauche .blockGaucheHaut .slogan{
    float : right;
}

.footer .blockGaucheBas{
    clear: both;
    margin-left: 20px;
    width: 500px;
    margin-bottom: 15px;
    
}

/** MENU FOOTER----------------------------------------------------------------------**/
.blockGaucheBas .menuFooter{
    padding-bottom: 10px;
}
.blockGaucheBas .menuFooter span ul li{
    float: left;
    list-style: none;
}
.blockGaucheBas .menuFooter span img.douze{
    margin-right: 10px;
}

.blockGaucheBas .menuFooter span img{
    margin-right: 3px;
    margin-left: 3px;
}

/**FOOTER BLOCK DROITE------------------------------------------------**/
.footer .blockDroite{
    float: right;
    height: 35px;
    position: absolute;
    bottom: 5px;
    right: 20px;    
}

/* LISTE DES PARTENAIRES -----------------------------------------------------------------------------------------------------------------**/
.blockDroite ul li{
    float: left;
    list-style: none;
    margin-left: 10px;
}

/** toyota**/
.blockDroite ul li#toyota{
    width:   42px;
    height: 34px;
    text-align: center;
}

.blockDroite ul li#toyota a{
    display: block;
    background: url('../logos/toyota.png') no-repeat left ;
   /* background-position: 0px 100%;
    background-repeat: no-repeat;*/ 
    height: 34px;
    width: 42px;
    text-indent:-6000px;
}
.blockDroite ul li#toyota a:hover{
    display: block;
    text-indent:-6000px;
    background: url('../logos/toyota.png') no-repeat right ;
   /* background-position: -42px 100%; 
    background-repeat: no-repeat; 
     width:   42px;
    height: 34px;*/  
}


/** imsat**/
.blockDroite ul li#imsat{
    width:  83px;
    height: 39px;
    text-align: center;
}

.blockDroite ul li#imsat a{
    display: block;
    background: url('../logos/imsat.png') no-repeat left;
    /*background-position: 0px 100%;
    background-repeat: no-repeat; */
     width:   83px;
    height: 39px;
    text-indent:-6000px;
}
.blockDroite ul li#imsat a:hover{
    display: block;
    text-indent:-6000px;
    width:   83px;
    height: 39px;
    background: url('../logos/imsat.png') no-repeat right;
    /*background-position: -83px 100%;
    background-repeat: no-repeat; 
     width:   83px;
    height: 34px;*/
}

/** elRancho**/
.blockDroite ul li#elRancho{
    width:   37px;
    height: 34px;
    text-align: center;
}
.blockDroite ul li#elRancho a{
    display: block;
    text-indent:-6000px;
    background: url('../logos/el_rancho.png') no-repeat left;
   /* background-position: 0px 100%;
    background-repeat: no-repeat; */
     width:   37px;
    height: 34px;
}
.blockDroite ul li#elRancho a:hover{
    display: block;
    background: url('../logos/el_rancho.png') no-repeat right;
    text-indent:-6000px;
    /*background-position: -37px 100%;
    background-repeat: no-repeat; 
     width:   37px;
    height: 34px;*/
}

/** apiVar**/

.blockDroite ul li#apiVar{
    width:   55px;
    height: 34px;
    text-align: center;
}

.blockDroite ul li#apiVar a{
    text-indent:-6000px;
    display: block;
    background: url('../logos/api_var.png') no-repeat left;
    /*background-position: 0px 100%;
    background-repeat: no-repeat;*/ 
     width:   55px;
    height: 34px;
}
.blockDroite ul li#apiVar a:hover{
    text-indent:-6000px;
    display: block;
    background: url('../logos/api_var.png') no-repeat right;
    /*background-position: -55px 100%;
    background-repeat: no-repeat; 
     width:   55px;
    height: 34px;*/
}
/** region paca**/

.blockDroite ul li.regionPaca a{
    display: block;
    background-image: url('../logos/region_paca.png') ;
    
    background-repeat: no-repeat; 
     width:   65px;
    height: 32px;
}
/** conseil paca**/

.blockDroite ul li.conseil a{
    text-align: center;
    display: block;
    background-image: url('../logos/conseil_general.png') ;
  
    background-repeat: no-repeat; 
     width:   42px;
    height: 29px;
}

/** conseil tpm**/

.blockDroite ul li.tpm a{
    display: block;
    background-image: url('../logos/tpm.png') ;
    
    background-repeat: no-repeat; 
     width:   53px;
    height: 31px;
}


/** ffhg**/

.blockDroite ul li.ffhg a{
    display: block;
    background-image: url('../logos/ffhg.png') ;
    background-position: 0px 100%;
    background-repeat: no-repeat; 
     width:   35px;
    height: 34px;
}
.blockDroite ul li.ffhg a:hover{
    display: block;
    background-image: url('../logos/ffhg.png') ;
    background-position: -36px 100%;
    background-repeat: no-repeat; 
     width:   35px;
    height: 34px;
}

/** FIN PARTENAIEE ---------------------------------------------------------------------------------------------------------**/

/** TYPO CUFON **/
.cufon-active span.or{
    color: #b98620;
    
    font-size:  14px;
}
.cufon-active span.or2{
    color: #b98620;
    
    font-size:  15px;
}
.cufon-active span.orDate{
    color: #b98620;
    
    font-size:  13px;
}
.cufon-active span.argent{
    color: #fff;
    font-size:  14px;
}
.cufon-active span.argent2{
    color: #fff;
    font-size:  15px;
}
.cufon-active .contenu{
    color: #fff;
    font-size:  25px;
}
.cufon-active .titre{
    color: #fff;
    padding-bottom: 3px;
    font-size:  14px;
}
/** titre actu JAUNE **/
.cufon-active .titreActu{
    color: #b98620;
    padding-bottom: 0px;
    font-size:  25px;
}
/** titre BLANC **/
.cufon-active .titreActu2{
    color: #f5f8fb;
    padding-bottom: 3px;
    font-size:  25px;
}
/* actualite*/
.cufon-active li.actu a{
    font-size: 13px;
    margin-top: 0px;
    margin-left: 4px;
}
/** match**/
.cufon-active li.mat a{
    font-size: 14px;
    margin: 4px;
}
/** date prochain match**/
.cufon-active .dateMatchProch{
    color: #b98620;
}
/** menu en bas footer **/
.cufon-active .menuFooter span{
    font-size: 11px;
    color: #fff;
}


/** FUNCTION **/
img{
    border: 0;
}