Ecriture en dehors du module?

Bonjour voila mon site www.secourisme-mfis.fr/ jai des petits poin,ts rouges qui sortent de mon module qui se trouve en bas a gauche comment corriger cette erreur? merci

Bonjour,

Essaie de rajouter ce code CSS dans le fichier template.css :

A quel endroit? ne nai aucune experience en matiere de code voila ce que jai trouve mais il ny a qu'une petite partie
merci en meilleur voeux


#art-main
{
background: #AFB1B0;
background: linear-gradient(top, #7E8180 0, #E0E1E0 1050px) no-repeat;
background: -webkit-linear-gradient(top, #7E8180 0, #E0E1E0 1050px) no-repeat;
background: -moz-linear-gradient(top, #7E8180 0, #E0E1E0 1050px) no-repeat;
background: -o-linear-gradient(top, #7E8180 0, #E0E1E0 1050px) no-repeat;
background: -ms-linear-gradient(top, #7E8180 0, #E0E1E0 1050px) no-repeat;
background: linear-gradient(top, #7E8180 0, #E0E1E0 1050px) no-repeat;
-svg-background: linear-gradient(top, #7E8180 0, #E0E1E0 1050px) no-repeat;
margin: 0 auto;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
position: relative;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
cursor: default;
overflow: hidden;
}

table, ul.art-hmenu
{
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
margin: 0;
padding: 0;
}

.art-button
{
border-collapse: separate;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
background: #971602 url('../images/button.png') scroll;
background: linear-gradient(top, rgba(234, 34, 4, 0.2) 0, rgba(68, 10, 1, 0.12) 100%) no-repeat, url('../images/button.png'), linear-gradient(top, #CE1E03 0, #5F0E01 100%) no-repeat;
background: -webkit-linear-gradient(top, rgba(234, 34, 4, 0.2) 0, rgba(68, 10, 1, 0.12) 100%) no-repeat, url('../images/button.png'), -webkit-linear-gradient(top, #CE1E03 0, #5F0E01 100%) no-repeat;
background: -moz-linear-gradient(top, rgba(234, 34, 4, 0.2) 0, rgba(68, 10, 1, 0.12) 100%) no-repeat, url('../images/button.png'), -moz-linear-gradient(top, #CE1E03 0, #5F0E01 100%) no-repeat;
background: -o-linear-gradient(top, rgba(234, 34, 4, 0.2) 0, rgba(68, 10, 1, 0.12) 100%) no-repeat, url('../images/button.png'), -o-linear-gradient(top, #CE1E03 0, #5F0E01 100%) no-repeat;
background: -ms-linear-gradient(top, rgba(234, 34, 4, 0.2) 0, rgba(68, 10, 1, 0.12) 100%) no-repeat, url('../images/button.png'), -ms-linear-gradient(top, #CE1E03 0, #5F0E01 100%) no-repeat;
background: linear-gradient(top, rgba(234, 34, 4, 0.2) 0, rgba(68, 10, 1, 0.12) 100%) no-repeat, url('../images/button.png'), linear-gradient(top, #CE1E03 0, #5F0E01 100%) no-repeat;
-svg-background: linear-gradient(top, rgba(234, 34, 4, 0.2) 0, rgba(68, 10, 1, 0.12) 100%) no-repeat, url('../images/button.png'), linear-gradient(top, #CE1E03 0, #5F0E01 100%) no-repeat;
border: 1px solid #A3A3A3;
padding: 0 15px;
margin: 0 auto;
height: 27px;
}

.art-postcontent, .art-postheadericons, .art-postfootericons, .art-blockcontent, ul.art-vmenu a
{
text-align: left;
}

.art-postcontent, .art-postcontent li, .art-postcontent table, .art-postcontent a, .art-postcontent a:link, .art-postcontent a:visited, .art-postcontent a.visited, .art-postcontent a:hover, .art-postcontent a.hovered
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.art-postcontent p
{
margin: 12px 0;
}

.art-postcontent h1, .art-postcontent h1 a, .art-postcontent h1 a:link, .art-postcontent h1 a:visited, .art-postcontent h1 a:hover, .art-postcontent h2, .art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:visited, .art-postcontent h2 a:hover, .art-postcontent h3, .art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3 a:visited, .art-postcontent h3 a:hover, .art-postcontent h4, .art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4 a:visited, .art-postcontent h4 a:hover, .art-postcontent h5, .art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5 a:visited, .art-postcontent h5 a:hover, .art-postcontent h6, .art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6 a:visited, .art-postcontent h6 a:hover, .art-blockheader .t, .art-blockheader .t a, .art-blockheader .t a:link, .art-blockheader .t a:visited, .art-blockheader .t a:hover, .art-vmenublockheader .t, .art-vmenublockheader .t a, .art-vmenublockheader .t a:link, .art-vmenublockheader .t a:visited, .art-vmenublockheader .t a:hover, .art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover, .art-slogan, .art-slogan a, .art-slogan a:link, .art-slogan a:visited, .art-slogan a:hover, .art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover
{
font-size: 32px;
font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

.art-postcontent a, .art-postcontent a:link
{
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #FB2504;

Tu l'ajoute à la fin du fichier

super merci sa fonctionne correctement
par contre si je veux modifier la largeur du module? et la couleur de l'ecriture car celle ci est rouge?
merci

Comment ça la largeur du module, la largeur est la même que les modules d'au-dessus.

Après c'est ton template de Joomla! qui fait que tu as ces couleurs, pour changer la couleur des liens :

Pour la valeur de la couleur tu met ce que tu veux, pareil pour l'auteur et le lien "Plus de sujets" :