Twentyfourteen: How to center the widgets in the footer

Dear Twentyfourteen users,

I am currently modifying the child theme I have for twenty-fourteen. I am struggling with the footer and more specifically with the widget’s positions.

Here is the website : http://www.euroscientist.com

As you can see, on the footer, the three widgets (two text widget with html included and the “subscription to blog” widget from Jetpack) are align to the left.

How could I make sure that they are centered ? (the “Submit your suggestions” title would be at the exact center of the page)

Another problem that I have, is that the text of the left widget (and more specifically, the address) ends up inside the text of the central widget. How could I make sure that they don’t overlap anymore ? (meaning that the town name, “Strasbourg”, is not between the two paragraphs of the central widget) ?

Here is my CSS (no “style” in the HTML, except for the underlined URLs)

#ES_widget1{
    min-width:420px;
}    

.logo {
    float: left;
    margin-right:8px;
}

strong.seo {
    font-weight: bold;
    font-size: 1.12em;
}

.disclaimer{
    font-style: italic;
    padding-top:10px;
}

.seemore {
    float:right;
    font-style:normal;
    text-decoration:underline;
}

.footer-sidebar .widget input[type="submit"]{
    background-color: #bacfee;
    color: #1f5094;
    float: right;
    margin-right: 15px;
}

Thank you very much for your help and time.