[PHPBB2] Onglets du profil façon invision

//ON DONNE UNE CLASS A LA BALISE GEN
$(function(){
$('
a.mainmenu[href^="/profile?mode=editprofile&page_profil=informations"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=preferences"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=signature"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=attachments"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=avatars"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=friendsfoes"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=notifications"],
a.mainmenu[href^="/search?search_id=watchsearch"],
a.mainmenu[href^="/search?search_id=favouritesearch"],
a.mainmenu[href^="/search?search_id=draftsearch"],
a.mainmenu[href^="/rpg_sheet_edit?"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=facebook"]').closest(".gen").addClass('M14');
});
//ON DONNE UNE CLASS A LA BALISE TD
$(function(){
$('
a.mainmenu[href^="/profile?mode=editprofile&page_profil=informations"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=preferences"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=signature"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=attachments"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=avatars"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=friendsfoes"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=notifications"],
a.mainmenu[href^="/search?search_id=watchsearch"],
a.mainmenu[href^="/search?search_id=favouritesearch"],
a.mainmenu[href^="/search?search_id=draftsearch"],
a.mainmenu[href^="/rpg_sheet_edit?"],
a.mainmenu[href^="/profile?mode=editprofile&page_profil=facebook"]')

.closest("td").addClass('M14_td');
});
//ON CREER UNE CELLULE AVEC UNE CLASS
$(function(){
$(".M14_td").closest("table").append("
<tr><td class='M14_ong_strong'><div></div>
</td></tr>");
});
//ON DONNE UNE CLASS AU TABLEAU
$(function(){
$(".M14_td").closest("table").addClass('M14_table');
});

//ON DEPLACE L ONGLET SELECTIONNE DANS LA CELLULE
$(function(){
$(".M14_td .gen strong ").clone().appendTo("td.M14_ong_strong div");
});

/*LE TABLEAU QUI COMPORTE L ENSEMBLE*/
.M14_table
{
border-collapse:collapse;/*on fusionne les bordures*/
}
/*LE BLOC DES ONGLETS*/
td.M14_td
{
text-align:right;/*on place les onglets a droite*/
background:#333333;/*la couleur de fond*/
padding:4px;/*on donne un espace */
}
/*ON CACHE LES TRAITS VERTICAUX AVEC LA MEME COULEUR QUE LE BACKGROUND PRECEDENT*/
td.M14_td span.gen.M14, td.M14_td span.gen
{
color:#333333 !important;/*on donne une couleur de police */
}
/*LES LIENS DES ONGLETS*/
td.M14_td a.mainmenu
{
text-decoration:none !important;/*on supprime le soulignement*/
color:#666666 !important;/*on donne une couleur de police*/
font-size:10px !important;/*on donne une taille de police*/
padding: 4px 6px;/*on donne un espace */
margin-left: -5px;
margin-right: -5px;
}
/*LES ONGLETS SELECTIONNES*/
td.M14_td span.gen strong
{
color:#ffffff !important;/*on donne une couleur de police*/
font-size:10px !important;/*on donne une taille de police*/

background-color: #303B4A;/*on demande une couleur de fond*/
padding: 4px 6px;/*on donne un espace */
}

/*LE BLOC DE L ONGLETS SELECTIONNE*/
td.M14_ong_strong
{
background-color: #303B4A;/*on demande une couleur de fond*/
}
/* L ONGLET SELECTIONNE DANS LA PARTIE BASSE*/
td.M14_ong_strong div
{
padding: 4px 6px;/*on donne un espace */
font-size:10px !important;/*on donne une taille de police*/
color:#666666 !important;/*on donne une couleur de police*/
margin-left:10px;/*on decale vers la droite de 10px;*/
}

/*LE BLOC DES ONGLETS*/
td.M14_td
{
text-align:right;/*on place les onglets a droite*/
background:#333333;/*la couleur de fond*/
}
/*ON CACHE LES TRAITS VERTICAUX AVEC LA MEME COULEUR QUE LE BACKGROUND PRECEDENT*/
td.M14_td span.gen.M14, td.M14_td span.gen
{
color:#333333;/*on donne une couleur de police */
}