Forum

/* ##### Entéte de la page ###### */
div#header_container{
    background: url("images/header.png") no-repeat scroll -8px 0 transparent;
    height: 440px;
}
 
/* ##### Entéte de la page ###### */
div#header {
 
    float: left;
    height: 90px;
    margin-left: 150px;
    margin-top: 4px;
    width: 773px;
}
 
/* #####  Conteneur en dessous de l'entéte ###### */
div#sub_header {
    float: left;
    height: 28px;
    margin-top: 223px;
}
 
div#sub_header p a {
    color:#646463;
}
div#connected {
    text-align: center;
    width: 1000px;
}
 

/* ##### Entéte de la page ###### */
div#header_container{
    background: url("images/header.png") no-repeat scroll -8px 0 transparent;
}
 
/* ##### Entéte de la page ###### */
div#header {
    height: 225px;
    margin-left: 150px;
    margin-top: 4px;
    width: 773px;
}
 
/* #####  Conteneur en dessous de l'entéte ###### */
div#sub_header {
    margin-top: 100px;
    width:100%;
}
 
div#sub_header p a {
    color:#646463;
}
div#connected, div#noconnect {
    text-align: center;
    width: 100%;
    height:30px;
}
 

/* Menu Horizontal */
div.menu_horizontal {
    padding: 10px;
}
 
ul.menu_horizontal {
 
}
 
ul.menu_horizontal li {
    display: inline;
}

/* Menu Horizontal */
div.menu_horizontal {
    padding: 10px;
}
 
ul.menu_horizontal {
    display:table; /* addapte la largeur du menu au nombre d'item */
    margin:auto; /* centrage du menu */
}
 
ul.menu_horizontal li {
    display: inline-block; /* aligne les items sur la largeur et force à remplir tout l'emplacement diposnible */
    width:140px; /* largeur des items normaux */
    padding:5px; /* ecart entre la bordure et le contenu (ici l'image) */
    background:#ffffff; /*couleur de fond */
    border:1px solid #7f7f7f; /* taille aspect et couleur de la bordure */
    border-radius:5px; /* taille de l'arrondi de la div */
    -webkit-border-radius:5px; /* idem pour autre navigateur */
    text-align:center; /* centrage du contenu dans l'item */
    box-shadow:  0px 0px 3px 3px rgba(89, 89, 89, 0.2); /* taille aspect et couleur de l'ombrage sous la div */
    -webkit-box-shadow:  0px 0px 3px 3px rgba(89, 89, 89, 0.2); /* idem pour autre navigateur */
    margin:0 2px; /* espace ente les items */
}
 
ul.menu_horizontal li:nth-child(1) {
    display:none; /* on cache le 1er item (titre du menu) */
}
 
ul.menu_horizontal li:nth-child(2) {
    width:170px; /* on agrandi la largeur du 2eme item (1er item du menu) */
}