Color change of logo, typo and background from one page to another

Ah I see what's wrong here. Remove the " marks

Try this:

.page-id-41 .main-navigation .main-nav ul li[class*=current-menu-]>a {
    color: #FFFFFF;
    background-color: #1e72bd;
}

For hover, try this selector.

.page-id-41 .main-navigation .main-nav ul li:hover > a {
    color: #FFFFFF;
    background-color: #1e72bd;
}

Perfect thank you so much ! 😄

A solution to blank the links from the footer when hovering? (Still only on this page)

Thanks

Your hover color is set to the same color as the background so the text blends in.

You have this CSS on your site:

.site-info a:hover {
    color: #b2dfdb;
}

I'm not exactly sure if this is custom CSS since your stylesheets are behind a cached file but try to check customizer's color settings on footer to see if this is the case. Check your custom CSS for this as well.

It's all good, I was able to do something like this:

.page-id-41 .site-info at: hover {
color: #ffffff;
}

It's perfect ! Thanks a lot for your help ! 😀

Nice one. No problem. Glad to be of any help. :D