Bonjour,
vous pouvez m'aider a fixer et changer les endroit de position de mon template joomla
svp aider moi
cordialement
* {
margin: 0;
padding: 0; }
body {
color:#FFFFFF;
font-family:'Lucida Grande',helvetica,verdana,sans-serif,arial;
font-size:12px;
background:#4E4D4D; }
body.contentpane {
color:#000000;
font-family:arial;
font-size:12px;
background:#FFFFFF; }
/* Normal link */
a {
text-decoration: none;
color:#606060; }
a:hover, a:focus {
color:#FFFFFF;
text-decoration:underline; }
img, fieldset { border:none; }
h1 { font-size:18px; color:#FFFFFF; font-family:Arial, Helvetica;margin:0;padding:0;}
h2 { font-size:16px; color:#FFFFFF; font-family:Arial, Helvetica; font-weight:normal;margin:0;padding:0;}
h3 { font-size:14px; color:#FFFFFF; font-family:Arial, Helvetica;font-weight:bold;margin:0;padding:0;}
h4 { font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica;font-weight:bold;margin:0;padding:0;}
h5 { font-size:10px; color:#FFFFFF; font-family:Arial, Helvetica;margin:0;padding:0;}
/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,
.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon {
font-size: 0.9em;
}
p {
padding:0px; }
ul {
list-style: none; }
ul li {
padding-left: 15px; }
.s5_backmiddlemiddle_m ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding-left:15px;
line-height:21px;
}
.s5_backmiddlemiddle ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding-left:15px;
line-height:21px;
}
.s5_backmiddlemiddle ul li, .s5_backmiddlemiddle_m ul li {
padding-left: 3px; }
ol {
margin-top: 5px;
padding-left: 5px;
margin-bottom: 5px; }
ol li {
margin-left: 15px; }
th {
padding: 4px;
font-weight: bold;
text-align: left; }
fieldset {
border: none; }
fieldset a {
font-weight: bold; }
a img {
border: none; }
td, div {
font-size: 1em; }
/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0; }
input, select {
font-size: 12px; }
select, .inputbox {
background:transparent;
}
textarea {
font-family:Arial;
font-size:13px;
padding-left: 2px; }
.inputbox {
margin-top:5px;
border: 1px solid #C9C7C7;
color:#FFFFFF; }
#search_searchword {
width:180px; }
#search_ordering {
background:#000000;}
.inputbox:hover, .inputbox:focus {
border: 1px solid #606060; }
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}
table.blog .article_seperator {
display: block;
height: 10px; }
table.contentpane {
border-collapse:collapse;
border-spacing:0px;
margin:0px;
padding:0px;
}
table.contentpaneopen, table.contentpane, table.blog {
width:100% }
table.contentpaneopen {
border: none; }
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%; }
table.contenttoc a {
text-decoration: none; }
table.contenttoc td {
padding: 1px 5px 1px 25px; }
table.contenttoc th {
padding: 4px;
background: #2F2F2F;
color: #FFFFFF;
text-indent: 5px;
border: 1px solid #3F3F3F; }
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse; }
table.pollstableborder {
padding: 0;
width: 100%;
border: none;
text-align: left; }
table.pollstableborder img {
vertical-align: baseline; }
table.pollstableborder td {
padding: 2px!important; }
table.searchintro {
padding: 10px 0;
width: 80%; }
table.searchintro td {
padding: 5px!important; }
/*Control the Frontend Editor area width*/
table.adminform {
width: 400px!important; }
.adminform .inputbox {
}
.blog_more {
margin: 10px 0; }
.blog_more strong {
margin: 0 0 5px;
padding-left: 13px;
display: block;
color: #606060;
text-transform: uppercase; }
td.buttonheading {
padding: 0 0 0 3px!important;
text-align: center; }
.category {
font-weight: bold; }
.clr {
clear: both; }
.componentheading {
padding-bottom: 5px;
margin-bottom: 10px;
font-size: 1.3em;
line-height: normal;
font-weight: bold; }
.contentdescription {
padding-bottom: 30px; }
table.blog .contentheading {
font-size: 15px;
padding-bottom:5px;
font-weight:bold;
font-family:'Lucida Grande',helvetica,verdana,sans-serif,arial;
color:#FFFFFF;
line-height: normal; }
.contentheading {
font-size: 1.4em;
font-weight: bold;
line-height: normal; }
a.contentpagetitle {
text-decoration: none!important;
color: #FFFFFF; }
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
text-decoration: none!important;
color: #FFFFFF; }
table.contentpaneopen td, table.contentpane td {
}
.createdate {
padding-bottom:5px;
line-height: 10px;
font-weight: bold; }
.modifydate {
color: #7E7E7E;
height: 15px; }
.moduletable {
padding: 0; }
.mosimage {
padding: 0;
border:1px solid #CCCCCC;
background:#ffffff;
margin:6px; }
.mosimage img {
padding: 0;
margin: 0!important; }
.mosimage_caption {
background:#EFEFEF none repeat scroll 0%;
border-top:1px solid #CCCCCC;
color:#666666;
font-size:10px;
margin-top:2px;
padding:1px 2px;}
.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
padding: 0 2px; }
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
text-decoration: none; }
a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
text-decoration: none; }
.pagenavbar {
padding-left: 14px; }
.pagenavcounter {
padding: 8px 14px 0 14px; }
.sectiontableheader {
padding: 3px 5px;
border: 1px solid #222222;
background: #2F2F2F;
color: #FFFFFF;
font-weight: bold; }
tr.sectiontableentry1 td {
padding: 5px; }
tr.sectiontableentry2 td {
padding: 5px; }
.small {
}
.smalldark {
text-align: left; }
div.syndicate div {
text-align: center; }
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none; }
.button:hover, .button:focus {
color:#FFFFFF;
border-color:#5F5F5F;
cursor:pointer;
border:1px solid #606060; }
.button {
color:#FFFFFF;
border:none;
margin-top:5px;
margin-bottom:1px;
background:none;
border:1px solid #FFFFFF;
font-size:11px;
height:21px;
padding:3px 8px;}
/* DEFAULT MENU
----------------------------------------------------------- */
a.mainlevel {
display:block;
background:url(../images/arrow.png) no-repeat center left;
margin:0pt;
padding:5px 14px;
width:87%;
text-decoration:none;
color:#FFFFFF;
font-size: 12px;
}
#mainlevel li {
padding-left:0px;
padding-right:0px;
}
a.sublevel {
display:block;
font-family: Arial;
font-size: 8pt;
padding:3px 3px 3px 14px;
}
a.sublevel:hover {
text-decoration: underline;
}
a.mainlevel:hover {
background:#000000 url(../images/arrow.png) no-repeat center left;;
}
/* MISCELLANOUS
----------------------------------------------------------- */
.back_button {
height:37px;
padding-top:26px;}
div.back_button a,
div.back_button a:active {
margin: -2px 0;
display: block;
padding-left:9px;
height:37px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
background: none!important;
text-decoration: none!important; }
div.back_button a:hover,
div.back_button a:active {
margin: -2px 0;
display: block;
height:37px;
padding-left:9px;
color:#606060;
background: none!important;
text-decoration: none!important; }
#mod_login_password, #mod_login_username {
width: 50%; }
#mod_login_password {
width: 80%; }
#mod_login_username {
width: 80%; }
#mod_login_remember {
border: none;
background: none; }
/* Clearfix */
.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden; }
* html > body .clearfix {
width: 100%;
display: block; }
* html .clearfix {
height: 1%; }
/* Firefox Scrollbar Hack*/
html {
margin-bottom: 1px;
height: 100%!important;
height: auto; }
/* Typography
--------------------------------------------------------- */
img.solid {
border:1px solid #999999;
margin:5px 0pt 2px 2px;
padding:1px; }
img.dashed {
border:1px #999999 dashed;
margin:5px 0pt 2px 2px;
padding:1px; }
.introletter {
color:#000000;
display:block;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:40px;
font-style:normal;
font-weight:normal;
line-height:30px;
padding:4px 8px 0pt 0pt; }
blockquote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
font-style:italic;
font-weight:normal;
line-height:1.5;
padding:6px 45px; }
a.readon {
float: right;
padding: 6px 29px 8px 16px;
display: block;
font-size:11px;
color:#FFFFFF;
margin-top:13px;
font-weight: normal;
background: url(../images/s5_seg_readmore.png) no-repeat top center;
text-decoration: none; }
* html a.readon {
float: right;
padding:2px 15px 4px 16px;
display: block;
font-size:11px;
color:#FFFFFF;
margin-top:13px;
font-weight: normal;
border:1px solid #FFFFFF;
background:transparent;
text-decoration: none; }
a.readon:hover, a.readon:active, a.readon:focus {
color:#999999;
text-decoration:none;}
/* Layout
--------------------------------------------------------- */
#s5_aboveheader {
width:100%;
height:57px;
background: none;}
#s5_topleft {
padding-top:18px;
float:left;}
#s5_topright {
padding-top:18px;
float:right;}
#s5_logo {
height:63px;
width:351px;
margin-top:8px;
float:left;
background: none; }
#s5_banner {
height:63px;
width:475px;
margin-left:200px;
padding-top:100px;
float:right; }
#s5_register {
cursor:pointer;
left:82%;
position:absolute;}
#s5_registerleft {
float:left;
height:24px;
width:12px;
background: none; }
#s5_registermiddle{
float:left;
line-height:19px;
height:24px;
padding-left:2px;
padding-right:2px;
background: none; }
#s5_registerright {
float:left;
height:24px;
width:12px;
background: none; }
#s5_menuwrap {
height:64px;
margin-bottom:14px;
margin-top:4px;}
#s5_menu {
height:64px;
margin-bottom:14px;
margin-top:4px;}
#s5_leftmenu {
height:64px;
width:13px;
float:left;
background: none; }
#s5_middlemenu {
height:64px;
float:left;
background: none; }
#s5_rightmenu {
height:64px;
width:13px;
float:left;
background: none; }
#s5_search {
float:right;
height:27px;
cursor:pointer;
margin-top:-68px;
position:relative;
width:28px;
background: none; }
#s5_searchbox {
position:relative;
width:207px;
height:31px;
display:none;
z-index:7;
margin-left:-170px;
top:19px;
background: none; }
#s5_search #mod_search_searchword {
background:transparent none repeat scroll 0 0;
border: none;
padding-left:9px;}
.s5_backtopleft {
height:27px;
width:12px;
float:left;
background: none; }
.s5_backtopmiddle {
height:27px;
float:left;
background: none; }
.s5_backtopmiddle_l {
height:27px;
float:left;
background: url(../images/s5_seg_backmiddle.png) repeat-x; }
.s5_backtopmiddle_m {
height:27px;
float:left;
background: url(../images/s5_seg_backmiddle.png) repeat-x; }
.s5_backtopmiddle_r {
height:27px;
float:left;
background: url(../images/s5_seg_backmiddle.png) repeat-x; }
.s5_backtopright {
height:27px;
width:12px;
float:left;
background: url(../images/s5_seg_backright.png) no-repeat; }
.s5_backmiddleleft {
background: url(../images/s5_seg_backshadowleft.png) repeat-y left; }
.s5_backmiddleleft_m {
background: url(../images/s5_seg_backshadowleft.png) repeat-y left; }
.s5_backmiddleleft_l {
background: url(../images/s5_seg_backshadowleft.png) repeat-y left; }
.s5_backmiddleleft_r {
background: url(../images/s5_seg_backshadowleft.png) repeat-y left; }
.s5_backmiddlemiddle {
background:transparent url(../images/s5_seg_backrepeat.png) repeat;
margin-right:6px;
margin-left:6px;}
.s5_backmiddlemiddle h3 {
padding-bottom:7px;}
.s5_backmiddlemiddle_l {
background:transparent url(../images/s5_seg_backrepeat.png) repeat;
margin-right:6px;
margin-left:6px;
padding-left:6px;
padding-right:6px;}
.s5_backmiddlemiddle_m {
background:transparent url(../images/s5_seg_backrepeat.png) repeat;
margin-right:6px;
margin-left:6px;
padding-left:6px;
padding-right:6px;}
.s5_backmiddlemiddle_r {
background:transparent url(../images/s5_seg_backrepeat.png) repeat;
margin-right:6px;
margin-left:6px;
padding-left:6px;
padding-right:6px;}
.s5_backmiddleright {
background: url(../images/s5_seg_backshadowright.png) repeat-y right; }
.s5_backmiddleright_l {
background: url(../images/s5_seg_backshadowright.png) repeat-y right; }
.s5_backmiddleright_m {
background: url(../images/s5_seg_backshadowright.png) repeat-y right; }
.s5_backmiddleright_r {
background: url(../images/s5_seg_backshadowright.png) repeat-y right; }
#s5_leftcolumn {
float:left;}
#s5_leftcolumn h3 {
padding-bottom:12px;}
#s5_mainbodywrap {
float:left;}
#s5_rightcolumn {
float:left;}
#s5_rightcolumn h3 {
padding-bottom:12px;}
#s5_rightcolumn div.module, #s5_leftcolumn div.module {
padding-bottom:27px;
}
#s5_positions {
width:100%; }
#s5_positions h3 {
color:#FFFFFF;}
#s5_user1_100 {
padding-bottom:25px;
float:left;
width:100%;}
#s5_user2_100 {
padding-bottom:25px;
float:left;
width:100%;}
#s5_user1_50 {
padding-bottom:25px;
float:left;
width:49%;}
#s5_user2_50 {
padding-bottom:25px;
float:left;
width:49%;}
.s5_backbottomleft {
height:12px;
width:12px;
float:left;
background: url(../images/s5_seg_backbottomleft.png) no-repeat; }
.s5_backbottommiddle {
height:12px;
float:left;
background: url(../images/s5_seg_backbottommiddle.png) repeat-x; }
.s5_backbottommiddle_l {
height:12px;
float:left;
background: url(../images/s5_seg_backbottommiddle.png) repeat-x; }
.s5_backbottommiddle_m {
height:12px;
float:left;
background: url(../images/s5_seg_backbottommiddle.png) repeat-x; }
.s5_backbottommiddle_r {
height:12px;
float:left;
background: url(../images/s5_seg_backbottommiddle.png) repeat-x; }
.s5_backbottomright {
height:12px;
width:12px;
float:left;
background: url(../images/s5_seg_backbottomright.png) no-repeat; }
#s5_advert1_33 {
float:left;
padding-left:4px;
width:33%;
padding-bottom:2px; }
#s5_advert2_33 {
float:left;
width:33%;
padding-bottom:2px;}
#s5_advert3_33 {
float:left;
width:33%;
padding-bottom:2px;}
#s5_advert1_50 {
float:left;
padding-left:8px;
width:49.1%;
padding-bottom:2px; }
#s5_advert2_50 {
float:left;
padding-left:8px;
width:49.1%;
padding-bottom:2px;}
#s5_advert3_50 {
float:left;
width:49.1%;
padding-left:8px;
padding-bottom:2px;}
#s5_advert1_100 {
padding-left:5px;
width:98%;
padding-bottom:2px; }
#s5_advert2_100 {
float:left;
padding-left:5px;
width:98%;
padding-bottom:2px;}
#s5_advert3_100 {
float:left;
padding-left:5px;
width:98%;
padding-bottom:2px;}
#s5_user3_20{
float:left;
width:17.5%;
margin:6px;
padding:4px; }
#s5_user4_20 {
float:left;
width:17.5%;
margin:6px;
padding:4px; }
#s5_user5_20 {
float:left;
width:17.5%;
margin:6px;
padding:4px; }
#s5_user6_20 {
float:left;
width:17.5%;
margin:6px;
padding:4px; }
#s5_user7_20 {
float:left;
width:17.5%;
margin:6px;
padding:4px; }
#s5_user3_25{
float:left;
width:22.5%;
margin:6px;
padding:4px; }
#s5_user4_25 {
float:left;
width:22.5%;
margin:6px;
padding:4px; }
#s5_user5_25 {
float:left;
width:22.5%;
margin:6px;
padding:4px; }
#s5_user6_25 {
float:left;
width:22.5%;
margin:6px;
padding:4px; }
#s5_user7_25 {
float:left;
width:22.5%;
margin:6px;
padding:4px; }
#s5_user3_33{
float:left;
width:30.9%;
margin:6px;
padding:4px; }
#s5_user4_33 {
float:left;
width:30.9%;
margin:6px;
padding:4px; }
#s5_user5_33 {
float:left;
width:30.9%;
margin:6px;
padding:4px; }
#s5_user6_33 {
float:left;
width:30.9%;
margin:6px;
padding:4px; }
#s5_user7_33 {
float:left;
width:30.9%;
margin:6px;
padding:4px; }
#s5_user3_50{
float:left;
width:47%;
margin-left:6px; }
#s5_user4_50 {
float:left;
width:47%;
margin-left:6px; }
#s5_user5_50 {
float:left;
width:47%;
margin-left:6px;}
#s5_user6_50 {
float:left;
width:47%;
margin-left:6px; }
#s5_user7_50 {
float:left;
width:47%;
margin-left:6px;}
#s5_user3_100{
float:left;
margin-left:6px;
padding-top:4px;
width:100%; }
#s5_user4_100 {
float:left;
margin-left:6px;
padding-top:4px;
width:100%; }
#s5_user5_100 {
float:left;
margin-left:6px;
padding-top:4px;
width:100%;}
#s5_user6_100 {
float:left;
margin-left:6px;
padding-top:4px;
width:100%;}
#s5_user7_100 {
float:left;
margin-left:6px;
padding-top:4px;
width:100%;}
#s5_footerleft {
height:119px;
width:12px;
float:left;
background: url(../images/s5_seg_footerleft.png) no-repeat; }
#s5_footermiddle {
height:119px;
padding-top:17px;
float:left;
background: url(../images/s5_seg_footermiddle.png) repeat-x; }
#s5_footerright {
height:119px;
width:12px;
float:left;
background: url(../images/s5_seg_footerright.png) no-repeat; }
#s5_footerleft2 {
float:left;
width:50%;}
#s5_footerright2 {
float:right;
width:40%;}
#s5_footerright2 a{
color:#FFFFFF;}
/* Top Menu - "cpanel" module, menu must be "flat list", class suffix "-top" */
#s5_topright a.mainlevel {
background:none;}
#s5_topright h3 {
padding-bottom:7px;
font-size:13px; }
#s5_topright ul {
color:#FFFFFF;
display:block;
font-style:normal;
font-weight:normal;
float:right;
line-height:10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#s5_topright ul li {
color:#FFFFFF;
display:block;
height:14px;
float:left;
line-height:14px;
margin-right:0px;
font-size:12px;
overflow:hidden;
padding-bottom:6px;
padding-left:1px;
}
#s5_topright li a {
color:#FFFFFF;
background:none;
display:block;
padding:0px 9px;
border-right:1px solid #CCCCCC;
text-decoration:none;
}
#s5_topright li a.mainlevel {
background:none;}
#s5_topright ul li a:hover {
text-decoration:underline;
}
/* Bottom Menu - "bottom" module, menu must be "flat list", class suffix "-bottom" */
#s5_footermiddle a.mainlevel {
background:none;}
#s5_footermiddle h3 {
padding-bottom:7px;
font-size:13px; }
#s5_footermiddle ul {
color:#FFFFFF;
display:block;
font-style:normal;
font-weight:normal;
line-height:10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#s5_footermiddle ul li {
color:#FFFFFF;
display:block;
height:14px;
float:left;
line-height:14px;
margin-right:0px;
font-size:12px;
overflow:hidden;
padding-bottom:6px;
padding-left:1px;
}
#s5_footermiddle li a {
color:#FFFFFF;
background:none;
display:block;
padding:0px 9px;
border-right:1px solid #CCCCCC;
text-decoration:none;
}
#s5_footermiddle li a.mainlevel {
background:none;}
#s5_footercenter ul li a:hover {
text-decoration:underline;
}
Afficher la suite