Problème de bordure

Bonjour à tous, je suis actuellement en train de développer un site internet, j'ai un problème concernant de la mise en forme CSS.

je m'explique , j'ai insérer dans le haut de la page, un triangle ainsi qu'un bloc rectangle avec du texte dedans puis une photo les uns collés aux autres. Mon problème est que il y as une séparation entre chaque élément comme si il y avait un margin-left ou margin-right alors qu'il y en as aucun ...

J'ai fais un margin 0 et un padding 0 sur tout les élements mais cela n'as rien changer... Voici le CSS des 3 élements :

.triangle
{
    display: inline-block;
    width: 0; 
    height: 0; 
    border-left: 200px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 200px solid darkgreen;
    margin-top: 5px;
}

.rectangle-vert
{ 
    font-style: italic;
    font-size: 20px;
    width: 350px;
    height: 200px;
    background-color: darkgreen;
    display: inline-block;
    color: white;
    vertical-align: top;
    margin-top: 5px;
    text-align: center;
}

.tour_logo_header_right
{
    background-color: darkgreen;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    height: 200px; 

Merci d'avance pour ceux qui m'aideront à retirer cet espace