Taille de la boîte d'écriture des messages

[kanyza]

Bonjour à tous et à toutes j'aimerai modifier la taille de la boîte avec un code CSS où l'on rédige ses message dans un post voir le screen ci-dessous



Merci à ceux ou celles qui pourront m'aider

[Gorgorbey]

Bonjour,

Le forum en question n'est pas celui de votre profil, pouvez-vous donner la version de votre forum ?
De plus je pense que vous avez du CSS perso.
PA > Affichage > Images et couleurs > Couleurs > Onglet Feuille de style CSS.
Pouvez-vous copier ici le code que vous avez en l'entourant de balises code ?

Cordialement.

[kanyza]

Bonsoir c'est une version PunBB

Voici le CSS

Code:

#textarea_content iframe#text_editor_iframe,#text_editor_textarea,*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea,* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea,*+ html #text_editor_textarea.quick_reply_textarea,* html #text_editor_textarea.quick_reply_textarea{
background-color: #2e3337;border: 4px groove #000;
}
.wysiwyg{
background-color: #000000;
}


body{
background-color: #000000;
background-position: top center;
background-repeat: no-repeat;
}
.pun{
min-width: 1053px;
width: 1053px;
}
#pun-intro{
background-color: #;
background-image: url('http://img69.xooimage.com/files/7/e/0/haut-sf-302d6ba.jpeg');
background-repeat: no-repeat;
height:361px ;
width: 1053px;
padding:0px;
margin:0px;
}

#pun-navlinks{
background-color: #;
background-image: url('http://img72.xooimage.com/files/7/b/7/lignehaut-2fa3c3c.png');
background-repeat: repeat-y;
min-hight: 60px;
width:1053px ;
margin:0px;
padding:  0px;
}

#fa_ticker_block{
background-color: transparent;
background-image: url('http://img67.xooimage.com/files/d/c/f/lignesf-2fa3b30.png');
border: none;
padding: 10px 95px 10px 95px;
margin-top : -0px !important;
margin-bottom : -0px !important;
}

#page-body{
background-color: #;
background-image: url('http://img68.xooimage.com/files/e/c/8/lignesf-2fa3c05.png');
background-repeat: repeat-y;
min-hight: 60px;
width:1053px ;
margin:0px;
padding:  0px;
}


#pun-foot{
background-color: #;
background-image: url('http://img66.xooimage.com/files/6/3/9/bas-forum-302cfec.jpeg');
background-position: bottom;
background-repeat: no-repeat;
height: 366px;
width: 1053px;
margin:0px;
padding: 0px;
}


#main-content{
background-color: #;
width: 830px;
margin-left: 110px;
padding-bottom: 3px;
}
#pun-navlinks li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}

#pun-about{
background-color: transparent;
border: none;
text-align: right;
font-size: 10px;
line-height: 20px;
max-width: 760px;
width: 760px;
margin:    -20px 0px 0px  45px;
padding-top: 25px;
/padding-top: 45px;
}

 .center{
margin-top: 105px !important;

/padding-top: 20px;
}
.pun table.table th {
  background-image: url('barre forum post lastpost');
font-size: 11px;
  }

button.button2, input.button2 {
font-size: 0.7em;
border: 3px double #000;
width: auto !important;
padding: 1px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: top;
overflow: visible;
vertical-align:middle;
}

#onlinelist{
border-left: 0px solid #6a6a6a !important;
border-right: 0px solid #6a6a6a !important;
border-bottom: 0px solid #6a6a6a !important;
}
.pun .main-content{
background-color: transparent;
}
#pun-visit, .main-box {
background-color: transparent;
color: #fff !important;
background-image: url('');
background-repeat: no-repeat;
text-align: center;
margin: 0px;
padding: 0px;
height: 4px;
padding-top: 60px;
margin-bottom: -70px;
padding-right: 10px;
border: none;
}
#stats{
background-color: transparent ! important;
background-image: url('http://img70.xooimage.com/files/0/7/8/barrestats-2fa533c.png');
background-repeat: no-repeat;
padding: 5px;
padding-top: 72px;
border: none  !important;
margin: 0px;
}
.pun table .tcl{
width: 67% !important;
}
.pun table .tc2{
width: 8% !important;
}
.pun table .tc3{
width: 8% !important;
}
.pun table .tcr{
width: 17% !important;
}

.pun table td.tc2, .pun table td.tcl, .pun table td.tc3, .pun table td.tcr{
border: 0px solid #6a6a6a;
}

.main .main-head{
height: 50px;
}
.main .main-head .page-title{
padding-top: 4px;
padding-left: 50px;
}
.pun .main .options{
padding-top: 18px !important;
}
.pun .main-foot .h2{
padding-top: 15px;
}
.main-foot{
height:70px;
background-color: transparent;
background-image: url("http://img70.xooimage.com/files/6/9/3/bas-des-topics-3027153.jpeg");
background-position: top;
background-repeat: no-repeat;
padding-top: 28px;
border: none;
}
#stats p{
border: 0px solid #6a6a6a ;
}
.postfoot{
background-color: #121212;
}
.pun .topic{
border: 0px solid #6a6a6a ;
}

.pun .postfoot .user-contact{
float: left;
width:430px;
}
.pun .paged-head, .pun .paged-foot{
background-color: transparent;
}
.main-content p.message{
background-color: #252525 ;
}
.main-content.style1{
border: 0px solid #6a6a6a ;
}
.faq.main-content{
border: 0px solid #6a6a6a ;
}
.main .main-content.frm{
border: 0px solid #6a6a6a ;
}
.pun .frm-form{
background-color: transparent;
}
.main-content fieldset.frm-set{
margin: 0px;
border: 0px solid #6a6a6a ;
}
#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 878px;
}

#profile-advanced-left{
float : none;
margin: 0px;
padding: 0px;
width: 750px;
}

#profile-advanced-right{
float: none;
margin: 0px;
padding: 0px;
margin-bottom: 0px;
width: 750px;
}
#profile-advanced-right .module{
margin-bottom: 0px;
}
button.button2:hover, input.button2:hover {
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: top;
color: #000000;
border: 3px double #000;
background-position: 0 100%;
}

.frm-buttons input{
border: 3px double #000;
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: top;
color: #000000;
}
.frm-buttons input:hover{
border: 3px double #000;
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: center;
color: #000000;
}

.pun input submit .pun select{
border: 3px double #000;
background-image: url('http://img69.xooimage.com/files/a/7/e/pft-2facd86.png');
background-position: center;
color: #000000;
}
.pun .post, .pun .posthead, .pun .postfoot{
border-color: #000;
}


#profile-advanced-layout{
float:none;
margin: 0px;
padding: 0px;
width: 1053px;
}

#profile-advanced-left{
float : none;
margin: 5px;
padding: 3px;
width: 830px;
}

#profile-advanced-right{
float: none;
margin: 5px;
padding: 3px;
width: 830px;
}
.pun table .tcl{
width: 67% !important;
}
.pun table .tc2{
width: 8% !important;
}
.pun table .tc3{
width: 8% !important;
}
.pun table .tcr{
width: 17% !important;
}
.pun .postfoot .user-contact{
float: left;
width:430px;
}
#text_editor_textarea { background-color: #1f1f1f; color: #ffffff;}
.tdtopics {
width: 600px;
padding-right: 0px !important;
padding-left: 45px !important;
}
/*Les-boites-------------------*/
.boitedatacenter{
position: fixed; /* position de boite */
top: 50px; /* position à partir du haut */
right: 0px; /* position à partir de la droite */
width: 200px; /* largeur de la boite */

padding: 2px; /* marge intérieure */
-moz-border-radius:0px; /* coins arrondis */
-webkit-border-radius:0px; /* coins arrondis */
border-radius:0px; /* coins arrondis */
}



/*Les encadrés de message-------------------*/
.moder {
            color : black;
            font-weight : bold;
                background-color : white;
                      border-radius:9px;
                border: 1px solid black;
                width: 80%;
                  margin: auto;
                }
/*Ecriture en gras-------------------*/
        .postbody {font-weight:bold !important;}
/*Box des codes-------------------*/
dl.codebox{
background-color: #101010;
border: 1px solid #888888;
padding: 6px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.codebox dt{
background-image: url('http://img71.xooimage.com/files/e/1/8/code-2fabb91.png');
background-repeat: no-repeat;
background-position: top right;
padding: 5px 10px 3px 3px;
color: #000;
font-weight: bold;
background-color: #707070;
border: 1px solid #888888;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
.codebox dd{
background-color: #191919;
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond12.jpg');
border: 1px solid #888888;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
color : #fff;
display: block;
max-width: 770px;
overflow: auto;
padding: 5px;
}

/* test_quierra_11 */

#le_tableau{
color:#4169E1;
font-size: 12px;
font-family: Georgial;
background-color: #1e1e1e;
border: 3px solid #C0C0C0;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;
}

.text_imag{
color: #ffffff;
text-align: center;
vertical-align: center;
font-family: Georgia;
font-size: 30px;
font-weight: bold;
}

.style_cellule{
background-color: #0f100f;
border: 3px solid #C0C0C0;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

#igauche{
background-color: #0f100f;
background-color: #0f100f;
border: 3px solid #C0C0C0;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #0f100f;
background: url("http://img69.xooimage.com/files/8/a/0/droite-2fc1e00.png") no-repeat bottom right;
background-color: #0f100f;
border: 3px solid #C0C0C0;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

.titre_4{
font-size: 14px;
color: #C0C0C0;

}

/* navigation */

#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li{
float: left;
margin: 0 2px;
}

#nav-menu li a{
background: url(http://img68.xooimage.com/files/d/6/d/link3-2fbd17e.jpeg);
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 0px solid #C0C0C0;
color: #C0C0C0;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}

#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}

/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */


/* fin navigation */


/* Scroller Box */

#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}

#dummy {;# }

#scroller_container {
overflow: auto;
}

/* fin Scroller Box */

/* infobulle */

div.info em {
display:none;
}

div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #424242;
border: 2px solid #C0C0C0;
width:auto;
}

.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #C0C0C0;
}

/* fin infobulle */

/* fin test quierra_11 */

/* ----------- STAFF --------------- */

/* SLIDE STAFF */

.staff_slides{
width: 260px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

.staff_slides div{
width: 260px;
margin: 0 auto;
padding: 0;
text-align: center;
}

/* BLOC DE CONTENU */

#content_staff{
width: 260px;
margin: 0 auto;
padding: 5px;
background: #438a97;
border: 2px solid #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}


/* Accueil */

#accueil
{
width: 830px;
height: 400px;
overflow: hidden;
background: url(http://img66.xooimage.com/files/d/e/2/orth800-2fdd45f.jpg) center no-repeat;
}
#page1
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background: url(http://img68.xooimage.com/files/c/4/8/orth-2fd6047.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page1:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background: url(http://img67.xooimage.com/files/0/e/3/coalition-2fdb39f.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background: url(http://img67.xooimage.com/files/7/0/7/systems-2fd6088.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background: url(http://img71.xooimage.com/files/5/2/d/ship-2fd605f.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5
{
width: 40px;
height:400px;
float: left;
overflow: hidden;
background: url(http://img71.xooimage.com/files/2/6/7/station-2fd6106.png);
background-repeat: no-repeat;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 400px;
color: #000000;
margin-left: -180px;
text-align: center;
font-size: 24px;
font-family: arial black;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: black;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 580px;
height: 380px;
background: url();
background-repeat: no-repeat;
margin-left: -180px;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}


#pacolor1
{
width: 200px;
}
#partiea1
{
width: 200px;
height: 150px;
background-image: url('http://img74.xooimage.com/files/2/0/8/elroth22-2fff532.png');
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #234CA5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiec1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #495CFF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partied1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #6E81BD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiee1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #91BACF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partief1
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #B5DED0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb1:hover, #partiec1:hover, #partied1:hover, #partiee1:hover, #partief1:hover
{
height: 120px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre1
{
display: block;
text-align: center;
width: 200px;
height: 18px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 5px;
text-shadow: 0px 0px 2px #000000;
}
.content1
{
width: 90%;
margin: auto;
padding: 6px;
color: #000000;
font-size: 11px;
text-align: justify;
}

#pacolor2
{
width: 200px;
}
#partiea2
{
width: 200px;
height: 150px;
background-image: url('http://img74.xooimage.com/files/9/d/5/pilote-2fff912.png');
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #234CA5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiec2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #495CFF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partied2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #6E81BD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiee2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #91BACF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partief2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #B5DED0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb2:hover, #partiec2:hover, #partied2:hover, #partiee2:hover, #partief2:hover
{
height: 120px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre2
{
display: block;
text-align: center;
width: 200px;
height: 18px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 5px;
text-shadow: 0px 0px 2px #000000;
}
.content2
{
width: 90%;
margin: auto;
padding: 6px;
color: #000000;
font-size: 11px;
text-align: justify;
}

#pacolor3
{
width: 200px;
}
#partiea3
{
width: 200px;
height: 150px;
background-image: url('http://img72.xooimage.com/files/8/2/a/hunter-2fff70a.png');
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #234CA5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiec3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #495CFF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partied3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #6E81BD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiee3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #91BACF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partief3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #B5DED0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb3:hover, #partiec3:hover, #partied3:hover, #partiee3:hover, #partief3:hover
{
height: 120px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre3
{
display: block;
text-align: center;
width: 200px;
height: 18px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 5px;
text-shadow: 0px 0px 2px #000000;
}
.content3
{
width: 90%;
margin: auto;
padding: 6px;
color: #000000;
font-size: 11px;
text-align: justify;
}

#pacolor4
{
width: 200px;
}
#partiea4
{
width: 200px;
height: 150px;
background-image: url('http://img67.xooimage.com/files/a/7/2/pirate-2fff71a.png');
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #234CA5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiec4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #495CFF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partied4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #6E81BD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partiee4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #91BACF;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partief4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #B5DED0;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partieb4:hover, #partiec4:hover, #partied4:hover, #partiee4:hover, #partief4:hover
{
height: 120px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre4
{
display: block;
text-align: center;
width: 200px;
height: 18px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 5px;
text-shadow: 0px 0px 2px #000000;
}
.content4
{
width: 90%;
margin: auto;
padding: 6px;
color: #000000;
font-size: 11px;
text-align: justify;
}




.qeelh {
  background-image : url('http://img72.xooimage.com/files/f/6/3/haut-queel-302350d.jpeg');
  height:180px;
  background-repeat:no-repeat;
}

.imggroupe { /*gère l'affichage des images de groupe*/
  padding-top:5px;
 
}
.onglet { /*gère l'affichage des onglets*/
padding-left:204px;
margin-top:-137px;
  line-height: 22px;
  color:#FFFFFF;
 
}

.membreco24{ /*gère l'affichage des membres connectés c'est 24 dernières heures*/
  font-size:12px;
  font-family:calibri;
}

.imgpartenaire { /*gère l'affichage des images partenaires*/
  margin-right:0px;
  margin-bottom:-2px;
}
 
.contenu_onglet{ /*gère l'affichage des contenus en général*/
           
background-image : url('http://img72.xooimage.com/files/4/3/1/bas-queel-30231f6.jpeg'); /*image de fond*/
  background-repeat:no-repeat;
width: 846px;
height: 180px;
display:none; /*IMPORTANT*/
overflow:hidden; /*IMPORTANT*/
margin-top:5px;
  font-size:12px; /*taille de la police*/
  font-family:calibri; /*Police d'écriture*/
 
        }

#contenu_onglet_truc1 { /*gère l'affichage du contenu statistiques*/
  padding-right:20px;
  padding-left:54px;
  padding-top:40px;
}
#contenu_onglet_truc2 { /*gère l'affichage du contenu groupe*/
  padding-right:18px;
  padding-left:54px;
  padding-top:40px;
}

#contenu_onglet_truc3 { /*gère l'affichage du contenu Effectif*/
  padding-right:20px;
  padding-left:60px;
  padding-top:40px;
}

#contenu_onglet_truc4 { /*gère l'affichage du contenu Partenaire*/
  padding-right:20px;
  padding-left:85px;
  padding-top:40px;
}




/* PA SF */

#le_tableausf{
background-image: url('http://img73.xooimage.com/files/3/e/3/pasf-302cc31.jpeg');
background-repeat: no-repeat;
width: 846px;
height:520px ;
color:#4169E1;
font-size: 12px;
font-family: Georgial;
margin: 3px;
}

.text_imag1{
color: #ffffff;
text-align: center;
vertical-align: center;
font-family: Georgia;
font-size: 30px;
font-weight: bold;
}

.style_cellule1{
margin: 3px;
padding: 6px;
}

#igauchea{
width: 600px;
padding: 6px;
}
#idroitea{
padding: 6px;
}

.titre_4a{
font-size: 14px;


}

/* navigation */

#nav-menusf ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menusf li{
float: left;
margin: 0 2px;
}

#nav-menusf li a{
padding-left: 20px;
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: left;
}

#nav-menusf li a:hover{
font-style: italic;
}

/* Hide from IE5-Mac \*/
#nav-menusf li a{
float: none
}
/* End hide */


/* fin navigation */

a { text-decoration: none; }


/* fin PA SF */

#message {
background-color:#000000;
color:#ta couleur de police;
}


input,textarea, select {
  font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    border: #C0C0C0;
    border-left-style: solid;
    border-left-width: 2.5px;
    border-right-style: solid;
    border-right-width: 2.5px;
    background-color: #C0C0C0;
-moz-border-radius: 10px 10px 10px 10px;
 -webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding-left: 3px;
  }

    #chatbox_footer input {
    color: #C0C0C0;
    }
    #chatbox_footer #submit_button {
    color: #000000;
    }

a {
outline: none;
}



/* Navigation en haut à gauche */

ul#bouton {
position: fixed; /* On fixe la position des boutons */
margin: 0px; /* marge extérieure */
padding: 0px; /* marge intérieure */
top: 50px; /* positionné à 50px du haut */
left: 0px; /* positionné à 0px du bord gauche */
list-style: none; /* pas de style pour la liste */
z-index: 999; /* place les boutons au dessus de tout le reste */
}

ul#bouton li {
width: 200px; /* largeur du bouton */
margin-bottom: 4px; /* marge inférieure */
}

ul#bouton li a {
display: block; /* défini en bloc */
margin-left: -185px; /* marge extérieure négative gauche */
width: 200px; /* largeur */
height: 90px; /* hauteur */
background-color:#000000; /* couleur de fond */
background-repeat:no-repeat; /* répétition du fond */
background-position:center center; /* position du fond */
-moz-border-radius:0px 9px 9px 0px; /* angles arrondis */
-webkit-border-radius:0px 9px 9px 0px; /* angles arrondis */
border-radius:0px 9px 9px 0px; /* angles arrondis */
border:1px solid #000000; /* bordure */
-moz-box-shadow: 0px 0px 5px #000; /* ombre portée */
-webkit-box-shadow: 0px 0px 5px #000; /* ombre portée */
box-shadow: 0px 0px 5px #000; /* ombre portée */
opacity: 1; /* opacité */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* opacité pour IE */
}

ul#bouton .bouton1 a{
background-image: url(http://img66.xooimage.com/files/1/9/f/gala-303d277.jpeg);
}
ul#bouton .bouton2 a{
background-image: url(http://img70.xooimage.com/files/9/f/1/missions-303d2d9.jpeg);
}
ul#bouton .bouton3 a{
background-image: url(http://img69.xooimage.com/files/c/8/5/planetes-303d37f.jpg);
}
ul#bouton .bouton4 a{
background-image: url(http://img74.xooimage.com/files/2/e/f/vaisseaux-303d442.jpeg);
}
ul#bouton .bouton5 a{
background-image: url(http://img70.xooimage.com/files/0/6/d/armes-303d4e1.jpeg);
}
ul#bouton .bouton6 a{
background-image: url(http://img70.xooimage.com/files/0/d/a/grades-303d5cc.jpg);
}
ul#bouton .bouton7 a{
background-image: url(http://img73.xooimage.com/files/6/b/9/ranking-303d556.jpeg);
}

/* FIN Navigation en haut à gauche */

/*La-boite-Vortex-------------------*/
.boitevortex{
position: fixed; /* position de boite */
top: 50px; /* position à partir du haut */
right: 0px; /* position à partir de la droite */
width: 200px; /* largeur de la boite */

padding: 2px; /* marge intérieure */
-moz-border-radius:0px; /* coins arrondis */
-webkit-border-radius:0px; /* coins arrondis */
border-radius:0px; /* coins arrondis */
}

/*Le-slide-vortex-------------------*/

#slidevortex
{
width: 200px;
}
#vortex1
{
width: 200px;
height: 90px;
background-image: url('http://img68.xooimage.com/files/b/4/a/vortex-303df8d.jpeg');
background-repeat: no-repeat;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex2
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex3
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex4
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex5
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex6
{
width: 200px;
height: 20px;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex7
{
width: 200px;
height: 90px;
background-image: url('http://img74.xooimage.com/files/1/e/1/finvortex-3043cf7.jpeg');
background-repeat: no-repeat;
overflow: hidden;
background-color: #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#vortex2:hover, #vortex3:hover, #vortex4:hover, #vortex5:hover, #vortex6:hover
{
height: 300px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre1
{
display: block;
width: 200px;
height: 20px;
font-size: 14px;
letter-spacing: 2px;
font-variant: small-caps;
font-family: courier;
font-weight: bold;
padding-top: 2px;
text-shadow: 0px 0px 2px #000000;
}
.content1
{
width: 90%;
height: 300px;
margin: auto;
padding: 0px;
margin-right: 14px;
color: #FFFFFF;
font-size: 11px;
text-align: justify;
}

[Gorgorbey]

C'est ce que l'on appelle un CSS développé
Essayez avec ce code :

Code:

textarea#text_editor_textarea {
width: 500px !important;
}

Modifiez le width: 500px.
width: 100% !important est possible également.

[kanyza]

Aucune des deux solutions ne fonctionne si je me rappelle bien à droite de la boîte il y avait la boîte des smiley que j'ai déactivé le problème ne viendrait-il pas de là?

Merci bien ça marche après avoir vu l'édit de votre post et votre nouveau code cette fois ça marche nikel

Merci beaucoup j'édite le post en résolu