Elargir bloc centre du template

[renault15]

Bonjour à tous !

Voilà je souhaiterais élargir le bloc du centre de mon site web car il est un peu trop petit mais aussi que après cela, le texte dedans se centre toujours comme il faut s'il doit être centré ..

Pouvez vous m'aider ?

Je vous joint une partie du fichier C.S.S. Merci d'avance

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;}

table {border-collapse:collapse;border-spacing:0;}

                                          

/* Main Layout */

html {height:100%;margin-bottom:1px;}

body {font:62.5%/1.2 Helvetica, Arial, sans-serif;color: #FFFFFF; background: url("../images/body.jpg") repeat fixed center top transparent;}

.Left {background: url("../images/left.png") no-repeat fixed left top transparent;height: 100%;margin: 0;padding: 0;}

.Right {background: url("../images/right.png") no-repeat fixed right top transparent;height: 100%;margin: 0;padding: 0;}

h1,h2,h3,h4,.componentheading {font-weight:bold;margin:1em 0 1em;}

h1,.componentheading {font-size:160%;text-align:center;color:#3399FF;}

h2 {font-size:140%;text-align:center;}

h3 {font-size:120%;}

h4 {font-size:110%;}

a {color:#FFFFFF;text-decoration:none;font-weight:bold;}

a:hover {text-decoration:underline;color:#3399FF;}

ul {margin:1em;}

p {margin-top:10px;margin-bottom:10px;}

p.readmore {text-align:right;}

legend {padding-top:10px;padding-bottom:10px; font-weight:bold;}

#main {font-size:1.3em;line-height:140%;}

#main .ground, #message, #topsl, .leading, #page {position:relative;}

#message, #topsl {z-index:0;}

#main-content {margin-top:5px; }

.clr {clear:both;font-size:0;}

#colmask {clear:both;overflow:hidden;position:relative;width:100%;}

#maincol, #wrapper {position:relative;}

.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}

.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}

.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}

.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}

.s-c-s #col1 {overflow:hidden;width:100%;}

.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}

.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}

.s-c-x #col1wrap {float:right;position:relative;width:50%;}

.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}

.s-c-x #col2 {float:left;position:relative;}

.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}

.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}

.x-c-s #col3 {float:right;position:relative;}

.column1, .column2 {position:relative;float:left;margin:0;}

.colpad {padding:0 10px;position:relative;}

.column2 {float:right;width:49%;}

.article_row {overflow:hidden;margin:0 -10px 15px -10px;}


/* Content styles */

p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}

.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}

.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}

.modifydate, .createdby, .createdate {display:block;}

.createdby {font-weight:bold;}

div.actions  {float:right;}

a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}

.breadcrumbs-pad {padding:0 10px;}

div.breadcrumbs {border-bottom : 1px dotted #888;font-size:90%;font-weight:bold;margin:0;padding:17px 6px 5px;color:#777;}

div.breadcrumbs .sep {padding:0 5px;}

.component {padding:0 15px 15px;}

.banneritem_text {margin-bottom:10px;}

div.login {margin-top:25px;}

div.component input, select {margin-bottom:15px;}

#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}

#colmask ul li {list-style:circle;}  

#colmask ul ul {margin-top:0;}

#colmask ul ul li {list-style:square;}

#col1 ul ul li,#col1 ul li {list-style-type: none; }

#col1 .component ul ul li{list-style:square;} 

#col1 .component ul li {list-style:circle;}

.cols-1{display: block;float: none !important;margin: 0 !important;}

.cols-2 .column-1{width:46%;float:left;}

.cols-2 .column-2{width:46%;float:right;margin:0}

.cols-3 .column-1{float:left;width:29%;padding:0px 5px; margin-right:4%}

.cols-3 .column-2{float:left;width:29%;margin-left:0;padding:0px 5px}

.cols-3 .column-3{float:right;width:29%;padding:0px 5px}

.column-1,.column-2,.column-3{padding:0px 5px}

.column-2{width:55%;margin-left:40%;}

.column-3{width:30%}

.blog-more{padding:10px 5px}

.items-row{overflow:hidden;margin-bottom:5px !important;}

p.readmore{margin:0;}

.colpad h2.contentheading {padding-right:65px;}

.article-info{font-size:85%; color:#676767}

.categorylist{padding: 0 5px;}  

.weblink-category tr {border-bottom : 1px dotted #888;}

#main .cat-children ul dl dt, #main .cat-children ul dl dd, #main dl.article-count dt, #main dl.article-count dd {display: inline;}

table.weblinks, table.category {font-size: 1em;margin: 10px 10px 15px 0;width: 99%; text-align:left;}

table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {background: none repeat scroll 0 0 #676767;}

table.weblinks th, table.category th {padding: 7px;text-align: left;}

table.category td {padding: 7px; border-bottom : 1px dotted #888;}

table.category th, table.category th a {color:#ffffff;}

.item {display: block;padding: 0 5px 10px;}

.items-row {margin-bottom: 10px !important;}

.search legend {font-weight: bold;}

.highlight {border-bottom : 1px dashed #888;background : #f1f1f1;} 

.article-count  {font-size: 85%; color:#676767;}

.sectiontableentry1 {background-color: #DEDEDE;}

tr.sectiontableentry1 td, td.sectiontableentry1 { background-color: #E9E9E9;}

tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {border-bottom: 1px solid #FFFFFF;}

.sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}

tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}

span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;} 

[zepelin57]

Re : Elargir bloc centre du template

Bonsoir,

Pouvez vous m'aider ?

Ben non, pas avec ça. Donnes plutôt un lien vers ton site ou alors le template utilisé.

[renault15]

Re : Elargir bloc centre du template

Bonsoir,

Oui le site est :http://www.students-psycho.site.ulb.ac.be/CPSY/

[renault15]

Re : Elargir bloc centre du template

Voilà j'ai réussi ! Maintenant, le truc c'est que le text se centre par rapport à la taille d'avant, comment faire pour qu'il se centre par rapport à la nouvelle taille ?

[Florian_JDSGN]

Re : Elargir bloc centre du template

Bonjour renault15,

Le texte se centre par rapport à la taille de son conteneur, sur mon écran ton texte est bien centré comme il le doit sur le conteneur central.