/* CLEAR FIX */
.clearfix:after {
    content:    ".";
    display:    block;
    height:     0;
    clear:      both;
    visibility: hidden;
    overflow:   hidden;
}
.clearfix {
    display: inline-block;
}
/* MAIN */
html * {
    padding: 0;
    margin:  0;
}
img {
    border: 0 ;
}
body {
    font:       11px Verdana, 'Lucida Grande', Geneva, Arial, sans-serif;
    color:      #2B2B2B;
    /*text-align: center;*/
    background: #CED4D8 ;
}
#container {
    width:      989px;
    padding:    0 6px 0 6px;
    margin:     0 auto;
    text-align: left;
    background: #FFF url(../images/css/bg_container.gif) repeat-y ;
    overflow:   hidden;
}
/* HEADER */
#header {
    background: #FEA101 ;
    position:   relative;
    z-index:    997;
}
#header #top-header {
    color:        #FFF;
    position:     relative;
    font-size:    10px;
    border:       1px solid #FFF ;
    background:   #FEA101 url(../images/css/bg_topHeader.gif) repeat-x ;
    height:       21px;
    line-height:  21px;
    padding-left: 10px;
    z-index:      998;
}
#header #top-header a {
    color:           #FFF;
    text-decoration: none;
}
#header #top-header a:hover {
    text-decoration: underline;
}
#header #top-header #other-sites {
    color:     #FFF;
    display:   block;
    position:  absolute;
    top:       0;
    right:     10px;
    font-size: 10px;
}
#header #top-header #other-sites a {
    font-weight: bold;
    padding:     0 7px 0 12px;
}
#header #block-logo {
    height:       106px;
    position:     relative;
    z-index:      999;
    border-color: white ;
    /* border-width: 0 1px; */
    border:       1px solid #FFF ;
    border-style: solid;
    background:   transparent url(../images/css/bg-header.gif) left top repeat-x ;
}
#header #block-logo #logo-header {
    float:        left;
    display:      block;
    margin:       10px 0 0 0;
    padding-left: 10px;
}
#header #block-logo #conteneurPublicitaire {
    margin-top:  10px;
    margin-left: 510px;
}
/* CONTENU */
#content {
    background: #FFF ;
}
#principal {
    /* IE ME */
    float:        left;
    width:        647px;
    padding-left: 18px;
    margin-left:  -988px;
    display:      inline;
    overflow:     hidden;
}
/* ACCUEIL */
#acceuil {
    margin-top: 10px;
    width:      989px;
}
#acceuil h3 {
    color:         #000;
    margin:        20px 20px;
    font-size:     16px;
    font-weight:   bold;
    margin-bottom: 10px;
}
#acceuil li {
    list-style: none;
}
#acceuil .colonne1 {
    float:        left;
    padding-left: 20px;
}
#acceuil .colonne2 {
    float:         right;
    padding-right: 20px;
}
.home-bobox-450 {
    width:         450px;
    border:        1px solid #FEA101 ;
    margin-bottom: 15px;
}
.home-bobox-700 {
    width:         700px;
    border:        1px solid #FEA101 ;
    margin-bottom: 15px;
}
.home-bobox-200 {
    width:         200px;
    border:        1px solid #FEA101 ;
    margin-bottom: 15px;
}
.home-bobox-content {
    padding: 10px;
}
.home-bobox-title {
    height:       25px;
    line-height:  25px;
    font-weight:  bold;
    font-size:    15px;
    margin-top:   10px;
    padding-left: 50px;
    color:        #FFFF00;
}
#actualites .home-bobox-title {
    background: url(../images/css/bg_actu_nb.png) center top no-repeat ;
}
#classements .home-bobox-title {
    background: url(../images/css/bg_classements_nb.png) center top no-repeat ;
}
#matchs .home-bobox-title {
    background: url(../images/css/bg_matchs_nb.png) center top no-repeat ;
}
#partenaires .home-bobox-title {
    background: url(../images/css/bg_partenaires_nb.png) center top no-repeat ;
}
#neutre180 .home-bobox-title {
    background: url(../images/css/bg_neutre_nb180.png) center top no-repeat ;
}
#neutre430 .home-bobox-title {
    background: url(../images/css/bg_neutre_nb430.png) center top no-repeat ;
}
/* FOOTER */
#footer {
    height:      38px;
    line-height: 15px;
    background:  #FFF url(../images/css/bg_footer2.png) no-repeat ;
    text-align:  center;
    color:       #FFF;
    margin-top:  25px;
    font-size:   10px;
}
#footer a, #footer a:hover {
    color:           #FFF;
    text-decoration: underline;
}
#footer .copy {
    margin-top: 10px;
}
/* Pub droite */
#extracolwrap {
    z-index:      20;
    width:        160px;
    position:     absolute;
    right:        15px;
    margin-right: -15px;
}
#extracol {
    color:            #fff;
    padding:          5px 5px 5px 5px;
    background-color: #FF9A59;
    
}

/* Menu Categories - articles /*
/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#menu_horizontal { 
width : 420px; 
height : 30px;
margin : 0 0 1em 0;
padding : 0;
background-color : #f4f9fd;
border : 1px dashed black;
list-style-type : none; 
}
 
ul#menu_horizontal li {
padding : 0 0.5em;  
line-height : 30px;
}
 
ul#menu_horizontal li.bouton_gauche {
float : left;
border-right : 1px dashed black; 
}
 
ul#menu_horizontal li.bouton_droite {
float : right;
border-left : 1px dashed black;
}
 
ul#menu_horizontal a {
color : black;
text-decoration : none;
padding : 0 0.5em; 
font :  0.8em "Trebuchet MS";
}
 
ul#menu_horizontal a:hover { text-decoration : underline; }
 
ul#menu_horizontal a img { 
border : none;
padding :  0 0.3em;
}