Bonjour à vous

Je suis en train de créer un petit site perso sous joomla.
Je voulais faire un template perso pour que ça fasse bien.
Mais il me reste quelques points à régler, et j'avoue que je suis une peut perdue (j'ai encore du mal en css....)
C'est pourquoi je vous demande votre aide

Alors voici le coupable :p http://annebc.0fees.net/

Mes 2 problèmes sont :
-> je n'arrive pas à centrer le tout (j'ai essayé une div globale, avec un text-align:center ou des margin auto mais ça ne fonctionne pas)

-> le div global (fond vert) qui ne descend pas jusqu'en bas du div de contenu (articles) :'(

Voici mon php et mon css :

index.php

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
    <head>
        <jdoc:include type="head" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
        <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/tmp_annebc/css/template.css" type="text/css" />
    </head>
    <body><div id="global">
        <div id="conteneur_principal">
            <div id="partie_menu">
                <div id="contenu_menu"><jdoc:include type="modules" name="menu" /></div>
            </div>
            <div id="partie_contenu"><jdoc:include type="component" /></div>
        </div>
        <div id="partie_logo"><img src="templates/tmp_annebc/images/logo_annebc.png" border="none" id="img_logo"></div>
        <div id="partie_slogan"><img src="templates/tmp_annebc/images/slogan_annebc.png" border="none" id="img_slogan"></div>
    </div></body>
</html>

template.css

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
body {
    background:#000000;    
}
#global {margin: 0 auto;}
#conteneur_principal {
    position:relative;
    background:#7EBC0F;
    width:850px;
    height:587px;
 
margin: 0 auto;    
}
#partie_menu {
    top:238px;
    background:#000000;
    height:25px;
    position:relative;
    width:100%;
}
#contenu_menu {
    position:relative;
    float:right;
}
#partie_contenu {
    height:324px;
    top:238px;
    position:relative;
    overflow:auto;
}
 
#partie_logo {
    position:absolute;
    float:right;
    left:68px;
    top:5px;
}
#partie_slogan {
    position:absolute;
    left:468px;
    top:25px;
    float:right;
}
#img_logo {
    height:332px;
}
#img_slogan {
    height:200px;
    top:5px;
}
a.mainlevel{
    text-decoration: none;
    color: #9ACF29;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding-right:4px;
    padding-left:4px;
    margin-top:2px;
    margin-bottom:2px; 
    position:relative;
}
.componentheading {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align:right;
    margin-top:5px;
    margin-right:5px;
}
 
.contentpaneopen {
    text-decoration: none;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-align:left;
    margin-top:15px;
    margin-right:5px; 
    border-bottom:2px solid #000000;
    line-height: 12pt;
}

Je vous remercie beaucoup d'avance
(N'hésitez pas à me dire s'il y a des erreurs flagrantes dedans aussi ^^).

Merci merci merci

Bisous