Modification de code (PA)

Salutations !
Je viens à vous pour savoir si il serait possible d'apporter une petite modification à cette PA :

Spoiler:

pour qu'elle ce retrouve symétrique et en 900px de large :

Spoiler:

Et si possible, retirer l'effet hover du "chapitre"

en faite, à gauche ça sera en français et à droite en anglais

Merci énormément :D

J'ai totalement oubliée ....

Serait il aussi possible de modifier ce QEEL pour qu'il soit dans les deux langues ?

Spoiler:

Bonjour,

Code:: <link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/CUB_PA.css" rel="stylesheet" type="text/css"><div id="CUB"><div class="menuCUBFR">Menu<div><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a><a href="..." target="_blank">lien</a></div></div><div class="chCUBFR">Chapitre III</div><div class="ctxtCUBFR">Contexte<div>Contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte contexte</div></div><div class="eventsCUB"><div id="ASLID"><ul id="blocASLID"><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li><li><a href="..." target="_blank"><img src="http://sd-1.archive-host.com/membres/images/211183412958130190/Codage/150250.png" /></a></li></ul></div></div><div class="chCUBEN">Chapter III</div><div class="ctxtCUBEN">Context<div>Context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context context</div></div><div class="menuCUBEN">Menu<div><a href="..." target="_blank">link</a><a href="..." target="_blank">link</a><a href="..." target="_blank">link</a><a href="..." target="_blank">link</a><a href="..." target="_blank">link</a></div></div></div>

Partie CSS :

Code:: #CUB {
width:900px !important;
}
/* MENU FRANCAIS */
.menuCUBFR {
position:absolute;
height:235px; width:125px; padding:10px 5px 5px 5px;
letter-spacing:2px; text-transform:uppercase; text-align:center; font-size:16px;
box-shadow:inset 0 0 15px rgba(0,0,0,0.2); background:#400C0C; color:white; /* MODIFIABLE */
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.menuCUBFR div{
position:absolute; z-index:5; margin-top:5px; text-transform:none;
transform:scale(0); -webkit-transform:scale(0);
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.menuCUBFR:hover div{
transform: scale(1); -webkit-transform:scale(1);
}
/* LIEN MENU FRANCAIS */
.menuCUBFR a{
display:block; width:125px; padding:1px 0; overflow:hidden;
text-align:center; font-size:9px;
color:white; /* MODIFIABLE */
}
.menuCUBFR a:hover {
font-weight:bold;
}
/* CHAPITRE FRANCAIS */
.chCUBFR {
position:absolute; margin-left:140px;
width:220px; height:24px; padding:10px 0px;
text-align:center; text-transform:uppercase;
background:grey; color:white; font-size:22px; font-family:Times New Roman; /* MODIFIABLE */
}
/* CONTEXTE FRANCAIS */
.ctxtCUBFR {
position:absolute; margin-top:50px; margin-left:140px;
width:200px; height:110px; padding:80px 10px 10px 10px;
font-family:Times New Roman; text-align:center; text-transform:uppercase; font-size:24px;
box-shadow:inset 0 0 45px rgba(0,0,0,0.3); background:#191919; color:white; /* MODIFIABLE */
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.ctxtCUBFR:hover {
width:200px; height:180px; padding:10px;
}
/* CONTENU CONTEXTE FRANCAIS */
.ctxtCUBFR div{
position:absolute;
width:200px; height:10px; overflow:hidden;
text-align:justify; font-size:11px; text-transform:none; font-family:Times New Roman; letter-spacing:1px;
transition:all 1s ease; -webkit-transition:all 1s ease; opacity:0;
}
.ctxtCUBFR:hover div{
opacity:1; height:150px; overflow:auto;
}
/* SLIDESHOW PA */
.eventsCUB {
position:absolute; margin-top:-10px;
}
/* CHAPITRE ANGLAIS */
.chCUBEN {
position:absolute; margin-left:520px;
width:230px; height:25px; padding:10px 0px;
text-align:center; text-transform:uppercase;
background:grey; color:white; font-size:22px; font-family:Times New Roman; /* MODIFIABLE */
}
/* CONTEXTE ANGLAIS */
.ctxtCUBEN {
position:absolute; margin-top:50px; margin-left:520px;
width:210px; height:110px; padding:80px 10px 10px 10px;
font-family:Times New Roman; text-align:center; text-transform:uppercase; font-size:24px;
box-shadow:inset 0 0 45px rgba(0,0,0,0.3); background:#191919; color:white; /* MODIFIABLE */
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.ctxtCUBEN:hover {
width:210px; height:180px; padding:10px;
}
/* CONTENU CONTEXTE ANGLAIS */
.ctxtCUBEN div{
position:absolute;
width:210px; height:10px; overflow:hidden;
text-align:justify; font-size:11px; text-transform:none; font-family:Times New Roman; letter-spacing:1px;
transition:all 1s ease; -webkit-transition:all 1s ease; opacity:0;
}
.ctxtCUBEN:hover div{
opacity:1; height:150px; overflow:auto;
}
/* MENU ANGLAIS */
.menuCUBEN {
position:absolute; margin-left:755px;
width:135px; height:235px; padding:10px 5px 5px 5px;
letter-spacing:2px; text-transform:uppercase; text-align:center; font-size:16px;
box-shadow:inset 0 0 15px rgba(0,0,0,0.2); background:#400C0C; color:white; /* MODIFIABLE */
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.menuCUBEN div{
position:absolute; z-index:5; margin-top:5px; text-transform:none;
transform:scale(0); -webkit-transform:scale(0);
transition:all 1s linear; -webkit-transition:all 1s linear;
}
.menuCUBEN:hover div{
transform:scale(1); -webkit-transform:scale(1);
}
/* LIEN MENU ANGLAIS */
.menuCUBEN a{
display:block; width:135px; padding:1px 0; overflow:hidden;
text-align:center; font-size:9px;
color:white; /* MODIFIABLE */
}
.menuCUBEN a:hover {
font-weight:bold;
}

Instructions :
I. Copier/coller le code initial dans un sujet dédié de sa partie administration
II. Modifier le code à partir du logiciel de sa préférence
III. Actualiser le code du sujet dédié
IV. Remplacer l'intégralité du code dans la partie correspondante du panneau d'administration
∟ Affichage > Page d'accueil > Généralités
∞ Répéter les étapes II à IV à chaque modification

Aucune modification des éléments ne peut s'effectuer directement à partir du panneau d'administration.

Remplacer le code du QEEL [lignes 173 à 221] par :

Spoiler:

Code:: 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td><div class="QEEL"><div class="stsQEEL"><div class="lstQEEL">Bienvenue à / Welcome to<span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div><div class="tlPQEEL"><span id="tPOSTS"><b>{TOTAL_POSTS}</b></span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," "); document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/messages/," ");</script><br/>messages / posts</div><div class="tlMQEEL"><span id="tUSERS"><b>{TOTAL_USERS}</b></span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membres enregistrés/," "); document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/membre enregistré/," ");</script><br/>membres / members</div></div><div id="onlineQEEL"><div class="tleOQEEL">Membres connectés / Members online</div><div class="onlineQEEL" id="onLINE">{LOGGED_IN_USERS_LIST}<script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés /,"Utilisateurs enregistrés / Users online ");</script></div></div><div id="anvQEEL"><div class="tleAQEEL">Anniversaires / Birthdays</div><div class="anvQEEL"><table id="btDAY">{L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK}</table><script type="text/javascript">document.getElementById('btDAY').innerHTML=document.getElementById('btDAY').innerHTML.replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aucun membre ne fête son anniversaire aujourd'hui / No birthday to celebrate today"); document.getElementById('btDAY').innerHTML=document.getElementById('btDAY').innerHTML.replace(/Aucun membre ne fête son anniversaire dans les 7 prochains jours/,"Aucun membre ne fête son anniversaire dans les 7 prochains jours / No birthday to celebrate in the next 7 days"); document.getElementById('btDAY').innerHTML=document.getElementById('btDAY').innerHTML.replace(/Membres fêtant leur anniversaire dans les 7 prochains jours/,"Membres fêtant leur anniversaire dans les 7 prochains jours / Members celebrating their birthday in the next 7 days "); document.getElementById('btDAY').innerHTML=document.getElementById('btDAY').innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Membres fêtant leur anniversaire aujourd'hui / Members celebrating their birthday today ");</script></div></div><div id="dayQEEL"><div class="tle24QEEL">24H</div><div class="dayQEEL"><table id="tlDAY">{L_CONNECTED_MEMBERS}</table><script type="text/javascript">document.getElementById('tlDAY').innerHTML=document.getElementById('tlDAY').innerHTML.replace(/Membres connectés au cours des 24 dernières heures /,"Membres connectés au cours des 24 dernières heures / Members connected in the last 24 hours ");</script></div></div><div class="GQEEL">{GROUP_LEGEND}</div></div>
</td></tr></table>