XHOROMAG 4.1 - Images

[linflas]

J'ai un peu fait mumuse sous Chrome en modifiant les CSS à la volée. Ca donne la PJ ci-dessous.
Le logo est 1 fois et demi plus gros (240 px de large sur mon exemple), il est amputé de 40px en haut et il déborde du header : je trouve que ça donne un look pas trop mal mais cela implique de décaler le titre + slogan.
J'ai aussi aligné la boite de recherche avec le menu que j'ai aminci verticalement.

Les CSS sont modifiés comme suit.

Code :

Dans "style.css" :

#logo {
float: left;
padding: 0px;
position: absolute;
margin: -40px 0 0 10px;
}

#name-and-slogan {
float: left;
padding-top: 34px;
margin: 0px 0px 30px 145px;
}

#site-name {
font-size: 1.821em;
color: #686868;
line-height: 1;
margin-left: 80px;
}

#site-slogan {
font-size: 0.929em;
margin-top: 7px;
word-spacing: 0.1em;
font-style: italic;
margin-left: 80px;
width: 240px;
height: 20px;
}

#secondary-menu-links {
float: right;
font-size: 0.929em;
margin: 10px 110px 0;
}

.logged-in .region-header #block-search-form {
margin-top: -40px;
margin-left: 10px;
}

Dans superfish.css :

.sf-menu {
line-height: 1;
}